最近公司准备使用RN进行移动端开发,因为安卓和ios分开开发需要同时两班人马,而且版本进度可能还不一样,资源浪费,不如使用RN开发同时进行两端更新维护开发。然后本人最近就开始了新的学习之路,话说RN开发虽然节省资源,但是刚入门的萌新真的是经常代码敲着敲着RR一按一片红,就很难受,我最近又在仿写一个电商APP,数一下刚开始遇到的坑爹ERROR。
![](https://img.haomeiwen.com/i15036832/49abd14872153084.png)
![](https://img.haomeiwen.com/i15036832/93400f75dfc1ab8c.png)
这算是刚入门新手遇到的最懵逼的错误了,因为以往咱们用C或者JAVA开发,这样格式完全没问题,但是到了RN上用JS开发,对JS了解不深的新手就傻了,Text strings must be rendered within a <Text> component.报错原因:代码注释问题导致,在标签内部不可以使用,其实就是格式不对,RN有些组件不允许有空格或者换行在组件里,于是我GITHUB找了半天,改代码为下
![](https://img.haomeiwen.com/i15036832/9edb215c0b0874a8.png)
结果又报下面的错,View config not found for name view,出现的原因是return的内容内组件的首字母不是大写,比如如果提示View config not found for name abc,则只需将abc换成Abc即可解决。这个还是蛮好解决的。
![](https://img.haomeiwen.com/i15036832/edab668bd08345e8.png)
修改完成后代码是这样的
![](https://img.haomeiwen.com/i15036832/12f8500ad351f7a7.png)
完美运行
![](https://img.haomeiwen.com/i15036832/a2cfce41257f5a8f.png)
但是大家发现没有,安卓模拟器状态栏和搜索框之间有一段空白区,这是由于IOS和Android对状态栏处理方式不同导致的,IOS不会有这块空白区域,因此我们需要在margin Top中写入marginTop:Platform.OS ==='ios'?20:0,但是大家会发现,写入这个后会报找不到变量platform的错误,此时你需要打开cmd在项目包下运行react-native start。
网友评论