React-native navigator
来源:互联网 发布:微软人工智能的布局 编辑:程序博客网 时间:2024/06/11 17:25
- 安装
npm i facebookarchive/react-native-custom-components
- 引入
import { Navigator } from 'react-native-deprecated-custom-components'
- 使用
class Boy extends Component<{}> { constructor(props) { super(props); this.state = { word:'' } } render() { console.log('boy') return ( <View> <Text>I am a boy</Text> <Text onPress={()=>{ this.props.navigator.push({ component: Girl, params: { word: '一枝玫瑰', onCallBack: (word) => { this.setState({ word: word }) } } }) }}>送女孩一枝玫瑰</Text> <Text>{this.state.word}</Text> </View> ) }};class Girl extends Component<{}> { render() { return ( <View> <Text>I am a Girl</Text> <Text>我收到了男孩的{this.props.word}</Text> <Text onPress={()=>{ this.props.onCallBack('巧克力'); this.props.navigator.pop() }}>送男孩一颗巧克力</Text> </View> ) }};export default class App extends Component<{}> { render() { return ( <Navigator initialRoute={{ component: Boy }} renderScene={(route, navigator)=> { let Component = route.component; console.log(Component) return <Component navigator={navigator} {...route.params}/> }} > </Navigator> ); }}
阅读全文
0 0
- react-native navigator
- react-native--Navigator
- React Native之Navigator
- React Native[Navigator]
- React-Native之Navigator
- react-native navigator
- react-native-tab-navigator
- React Native Navigator
- react native Navigator
- React Native Navigator
- React-native navigator
- React Native]React Native组件之Navigator
- react-native Navigator 填坑
- React Native的Navigator详解
- 学习react-native之Navigator
- 关于react-native navigator 记录
- React-Native学习十八:Navigator
- React-native Navigator导航跳转
- 第十四周项目3-插入排序之希尔排序
- c99 restrict 关键字
- dedecms织梦后台提示用户名不存在
- 排序
- babel-plugin-module-resolver 模块解析插件
- React-native navigator
- 从零开始使用Laravel的图片验证码
- nvidia-smi 命令解读
- Android-Jni线程(三)— JNI全局回调java方法
- [面试笔记] 各种排序算法的Python实现以及结果可视化
- Java输入输出流的重定向
- 前后端分离
- 多线程Callable实现并发访问接口实例
- IDEA破解 2017 IDEA license server 激活(可用)