本文最后更新于 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>
)
}