ReactNative github 模拟项目记录

创建项目

命令:cd xxxx 目录
react-native init 工程名字
用webstrom打开

知识点记录:

  • 当属性为一个组价类型的时候,如果在使用次组件的时候如果没有这个属性值,则会报错,这时候需要为其制定类型PropTypes.element,加入有个navBtn属性:
static propTypes = {
        rightBtn: PropTypes.element,
    }
  • 在使用Navigator的时候新版的RN会报错:
ExceptionsManager.js:63 Navigator is deprecated and has been removed 
from this package. It can now be installed and imported from `react-native-
deprecated-custom-components` instead of `react-native`. Learn about 
alternative navigation solutions at http://facebook.github.io/react-
native/docs/navigation.html
  • 发现一个很奇怪的现象当我使用Navigation的时候,无论是使用navigator进行跳转:
const {navigate} = this.props.navigation;
        return <View style={styls.container}>
            <NavigationBar title={'我的'}/>
            <Text onPress={() => navigate('CustomKey',{name:'自定义标签'})}>自定义标签</Text>
        </View>

还是取值navigator从上一个页面跳转过来的值的时候:

const {params} = this.props.navigation.state;
        return <View style={styls.container}>
            <NavigationBar title={'自定义标签'}/>
            <Text>{params.name}</Text>
        </View>

都必须是这种写法,如果是这种将取不到值的:

return <View style={styls.container}>
            <NavigationBar title={'自定义标签'}/>
            <Text>{this.props.navigation.state.name}</Text>
        </View>
  • Navigation返回的话用navigation.goBack(null);方法

  • 当我们放置了视图而没有看到相应的效果的时候,往往是视图没有设置相应的宽高,或者fex:1

  • 当一个回调函数不需要传参数的时候可以直接把函数名赋值给回调属性,如果需要传递参数的话,就需要函数后面带有括号,这样的话就变成调用函数了,这时候需要箭头函数来包裹

  • Object.keys(arr) 会返回数组包含数组所有的下标值,或者一个对象的所有的属性

  • 在render()函数的return 中 返回的组件一定要和return在同一行,否则没有效果。

  • forceUpdate()强制重新渲染

资料

https://github.com/expo/react-native-tab-navigator
npm install react-native-tab-navigator --save
http://blog.csdn.net/jing85432373/article/details/54342756

npm install --save react-navigation

碰到的问题:

我在mac上前一天盖上盖子后,react的服务挂起了,第二天在引用项目的时候回报错:找不到这个模块,但是明明有啊,点进去还是也有代码联想啊!关掉重启就好了。

待研究的——Navigation

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 简短说明 收录一些好用的RN第三方组件,以方便日常的使用,大家有什么推荐的也可以跟我说,我加进去。如有冒犯,可以联...
    以德扶人阅读 43,755评论 44 214
  • afinalAfinal是一个android的ioc,orm框架 https://github.com/yangf...
    passiontim阅读 15,629评论 2 45
  • 今天無意中看到一個書屋很喜歡 導航查 看看地址在哪裡 盤算一下怎麼過去方便 意外地是 理想谷居然就在西溪溼地 離我...
    jd街角的喵阅读 260评论 0 1
  • 多想,预谋一场出走 在无风阴冷的日子 背上包,跨上相机 拍的照片不好也没关系 行人异样的眼光也没关系 此刻我只在乎...
    古月不归阅读 203评论 4 1
  • 日本作家黑柳彻子写的小说《窗边的小豆豆》讲述了作者上小学时的一段真实的故事:小豆豆因淘气被原学校退学后,来到巴学园...
    静心专注阅读 320评论 0 1