-
emulator -avd 5 -gpu off
https://www.niaogebiji.com/article-26014-1.html
查看全部 -
0.41
0.51
0.62
https://reactnative.dev/docs/getting-started
查看全部 -
标记标记标记标记标记标记
查看全部 -
开发环境
开发环境
开发环境
查看全部 -
var a = 1 ; console.log(a)
查看全部 -
以后有navigator相关的界面UI需求，可参考之。。
查看全部 -
组件三种状态： Mounting：已插入真实DOM，一次调用，除了render()方法 ==>constructor(props)初始化，componentWillMount，render，componentDidMount Updating：正在被重新渲染，多次调用 ==>componentWillReceiveProps，shouldComponentUpdate，componentWillUpdate，render，componentDidUpdate Unmounting：已移出真实DOM，一次调用 ==>componentWillUnmount
查看全部 -
组件的创建3种方式：ES6、ES5、函数式
查看全部 -
navigationOptions:({navigation}=>({
title: '${navigation.state.params.name}'
//动态配置navigationOptions
}))
navigationOptions:{
title: "page1" //静态设置配置
}
navigationOptions:(props)=>{
const {navigation} = props;
const {state, setParams} = navigation;
const {params} = state;
return {
title: params.title?params.title: "This is title"
headerRight:({
<Button title= (params.mode === 'edit'? "编辑":"保存")
onPress=>{()=>setParams(mode: params.mode ==='edit' ? '': 'edit')} />
})
}
}
查看全部 -
导航样式配置参数：
mode：(card: 左右切换，modal:上下切换
headerMode:（float:无透明效果，screen：渐变透明，none：隐藏导航栏）
onTransitionStart: 切换页面时的回调函数
onTransitionEnd:切换页面结束时回调函数
查看全部 -
Route Config:
screen: 屏幕显示内容。当组件被加载时 会被分配到navigation prop
path: 设置schema跳转时使用,
navigationOptions：用来配置全局的屏幕导航选项（title,headerRight, headerLeft）
Stack Navigator Config:
路由配置
视图样式
路由配置:
1. initialRouteName(设置默认页面且页面必须为Route config里面的页面）
2. initialRouteParams: 初始路由参数
3. navigationOptions: 导航的默认选项
4. initialRouteKey: 初始路由的可选标识符
5. paths: 设置支持schema跳转时使用
查看全部 -
StackActions
查看全部 -
为什么用NavigationAction来set Params?
navigation可能只有state 和dispatch如果要修改当前页面的Params只能通过NavigationAction.setParams
navigation只能设置当前页面。navigationAction可以设置所以页面params
查看全部 -
通过Key来跳转页面
查看全部 -
Navigation action会使用Navigate action 来更新当前state
查看全部 -
获取params值：
查看全部 -
navigate界面之间的跳转
查看全部 -
StackNavigator的navigation的额外功能:
查看全部 -
通过dispatch来进行跳转页面
查看全部 -
在使用navigate时要进行判断，如果没有navigate可以使用navigation去dispatch一个新的action来进行页面的跳转或者其他
查看全部 -
navigation功能
查看全部
举报