2018-07-02(RN今日遇坑)

命令记录:
1.react-native link
2.npm start -- --reset-cache

1.使用TextInput的使用出现bug

1.png

解决:在style中加入padding:0

2.png

2.props
相当于Android的Bundle用于传参数(不可改变)

3.State:
state是状态的意思，所以在state改变的时候RN的组件会重新渲染(可改变)

4.TouchableOpacity
本组件用于封装视图，使其可以正确响应触摸操作

5.请求的时候设置application/x-www-form-urlencoded表单提交报错

1.png

解决:参数类型错了,改变参数类型

2.png

6.react-native 实现渐变色背景
需要借助插件react-native-linear-gradient插件

下载插件:
   npm install react-native-linear-gradient --save
然后导入页面:
   import LinearGradient from 'react-native-linear-gradient';
最后使用:
   <LinearGradient colors={['#41027b', '#0577b8']} style={styles.container}>
   </LinearGradient>

这个时候报错来了:"BVlinearGradient" does not exist(可参考https://www.npmjs.com/package/react-native-linear-gradient解决)

1.png
解决:分2端分别解决
Android端:在AndroidStudio中解决把这个包手动关联到AndroidStudio项目中,然后跑起来
1.png
IOS端:https://www.npmjs.com/package/react-native-linear-gradient
效果:
1.png

7.ReactNative导入AndroidStudio项目找不到com.facebook.react
看这位大神的解释:https://blog.csdn.net/hejun041/article/details/78143839