-
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功能
查看全部
舉報