React Native 新手入门遇到的坑

        最近公司准备使用RN进行移动端开发,因为安卓和ios分开开发需要同时两班人马,而且版本进度可能还不一样,资源浪费,不如使用RN开发同时进行两端更新维护开发。然后本人最近就开始了新的学习之路,话说RN开发虽然节省资源,但是刚入门的萌新真的是经常代码敲着敲着RR一按一片红,就很难受,我最近又在仿写一个电商APP,数一下刚开始遇到的坑爹ERROR。


这算是刚入门新手遇到的最懵逼的错误了,因为以往咱们用C或者JAVA开发,这样格式完全没问题,但是到了RN上用JS开发,对JS了解不深的新手就傻了,Text strings must be rendered within a component.报错原因:代码注释问题导致,在标签内部不可以使用,其实就是格式不对,RN有些组件不允许有空格或者换行在组件里,于是我GITHUB找了半天,改代码为下

结果又报下面的错,View config not found for name view,出现的原因是return的内容内组件的首字母不是大写,比如如果提示View config not found for name  abc,则只需将abc换成Abc即可解决。这个还是蛮好解决的。

修改完成后代码是这样的

完美运行

但是大家发现没有,安卓模拟器状态栏和搜索框之间有一段空白区,这是由于IOS和Android对状态栏处理方式不同导致的,IOS不会有这块空白区域,因此我们需要在margin Top中写入marginTop:Platform.OS ==='ios'?20:0,但是大家会发现,写入这个后会报找不到变量platform的错误,此时你需要打开cmd在项目包下运行react-native start。

你可能感兴趣的:(React Native 新手入门遇到的坑)