taro基础
本文最后更新于 458 天前,其中的信息可能已经有所发展或是发生改变。

官方文档 Taro 介绍 | Taro 文档

taro 动态设置标题栏、标题栏动画

导航栏文字旁显示加载菊花图
	Taro.showNavigationBarLoading()
	Taro.hideNavigationBarLoading()

设置标题栏文字	
	Taro.setNavigationBarTitle({title:'xx'})

设置标题栏背景色
	Taro.setNavigationBarColor({
		backgroundColor:'16进制颜色',
		frontColor:'#ffffff / #000000'	 前景颜色值,包括按钮、标题、状态栏的颜色
		animation:{
			duration:'动画时间',
			timingFunc:'linear'、'easeIn'、'easeOut'、'easeInOut'
		}
	})

taro 路由跳转

//跳转到taber页面
Taro.switchTab({
  url: `/index?name=${name}`
})
//跳转到非taber页面
Taro.navigateTo({
 url: `/pages/boardshopdetail/index?name=${mallName}`
})

获取页面参数

import Taro, {useRouter, getCurrentInstance} from '@tarojs/taro';

// 函数式组件获取(hooks)
// 1. 第一种获取形式
function Index(){
  const [pageIndex,setPageIndex] = useState('首页')
 
  const { router } = getCurrentInstance();
  console.log(router.params.name) // 参数接收
 
  return ( 
    <View>
        <Text>{pageIndex}</Text>
    </View>
  )
}
 
// 2. 第二种获取形式
function Index(){

  const router = useRouter();
  console.log(router.params.name) // 参数接收
 
  return ( 
    <View>
        <Text>{pageIndex}</Text>
    </View>
  )
}

上一篇
下一篇