react-native小问题，错误记录

打算长期更新本文章

1

错误信息：Invariant Violation: Invariant Violation: Text strings must be rendered within a component.

<View style={{height: 1,backgroundColor:'#000000'}}>  </View>

view里边没有元素，就把中间的空格去掉就好了

<View style={{height: 1,backgroundColor:'#000000'}}></View>

2

在页面中有自己单独定义的组件，而这个组件中有点击事件进行跳转，直接跳转是错误的。
需要给这个单独定义的组件多传递一个navigation。例如Header 是我定义的组件

<Header navigate={this.props.navigation.navigate}/>

这样就可以在Header中正常跳转了

onPress={() => this.props.navigate('Thislocation')}

3

在我用5.0一下设备测试的时候出现的问题

如图，我链接了一部小米4.4.4的手机出现的问题
我出现的这个问题是我安装了带有签名的apk包，在react-native run-android时出现的签名问题，我把应用卸载重新安装就可以了。
开发者菜单遇到这样的问题

adb server version (31) doesn't match this client (40); killing...

是因为360手机助手，我只是知道是因为它，把它关闭后就可以了。
需要把项目悬浮窗权限打开，按设置键就会弹出开发者菜单。同时我设置了ip和端口号.
在弹出的菜单中点击Dev Settings - Debug server host & port for device 输入了我的本机ip和端口号。
就这样就可以测试了，还可以用wifi来重新加载。

4

引入自定义组件的时候，给这个组件加触摸事件的时候无响应，需要在组件的外层在加上一个View
如图：

5

添加realm数据库时 as丢错

在as中更改：

android {
    defaultConfig {
        ndk {
            abiFilters "armeabi", "armeabi-v7a", "x86", "mips"
        }
    }
}

6

在使用react-native-vector-icons的时候，图标显示正常（显示为X或者是？）。
解决方法：
1.在app/build.gradle 中添加
apply from: “…/…/node_modules/react-native-vector-icons/fonts.gradle”
2.复制字体库文件
在node_modules\react-native-vector-icons\Fonts文件夹下有很多字体库，
复制到android/app/src/main/assets/fonts/ 下
重新运行就好了