美文网首页
React Native 新手入门遇到的坑

React Native 新手入门遇到的坑

作者: 一个体面的小伙子 | 来源:发表于2018-12-28 12:15 被阅读0次

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

    这算是刚入门新手遇到的最懵逼的错误了,因为以往咱们用C或者JAVA开发,这样格式完全没问题,但是到了RN上用JS开发,对JS了解不深的新手就傻了,Text strings must be rendered within a <Text> 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 新手入门遇到的坑

          本文链接:https://www.haomeiwen.com/subject/fzewhqtx.html