React Native

    xiaoxiao2021-04-12  58

    http://www.jianshu.com/p/dd69db0a6451

    http://reactnative.cn/

    react native 公共组件的开发

    /*

    自己总结的

    props(属性)

    自定义的组件也可以使用props.通过在不同的场景使用不同的属性定制,可以尽量提高自定义组件的复用范畴。只需要在render函数中引用this.props,然后按需处理即可。

    status( 状态)

    我们使用两种数据来控制一个组件:props和state。props是在父组件中指定,在被指定的组件的生命周期中则不再改变。对于需要改变的数据,我们需要使用state。一般来说,你需要在constructor中初始化state,(/这是ES6的写法,早期很多ES5的例子使用的是getInitialState方法来初始化state,这一做法会逐渐被淘汰

    flex(弹性宽高) 

    在组件样式中使用flex可以使其在可利用的空间中动态地扩张或收缩。在组件的style中指定flexDirection可以决定布局的主轴是沿着水平轴排列的还是沿着竖直轴方向排列的,默认值是竖直轴方向。justifyContent 决定子元素沿着主轴的排列方式。Alignitems 决定其子元素沿着主轴的排列方式

    TextInput 是一个允许用户输入文本的基础组件,onChangeText 在文本变化时会被调用,onSubmitEditing会在文本被提交后调用。

    */

    react-native 常用组建

    1.Image组件

    2.Text 组件

    3.Slider滑动条组件

    4.view容器组件

    5.StyleSheet样式

    React-Native 常见错误及其原因

    1.invariant violation:expected a component class,got[object object]//创建自定义组件首字母要大写,否则会报错

    2.Module 0 is not a registered callable module.//将gradle升级成最新版本(cd Android  进入android目录执行:sudo./gradlew clean)或者通过android studio工具升级

    3.android.view.WindowManager$BadTokenException: Unable to add window -- token null is not valid; is your activity running?//该错误属于Native的错误,如果引用的Activity不存在或者已经销毁,再次引用就会报该错误,如果是Reactnative调用原生控件的话,创建控件需要引用:getCurrentActivity()

    4.android.app.Application cannot be cast to com.facebook.React.ReactApplication//需要将创建的MainApplication在AndroidManifest.xml配置好

    5.Element type is invalid: expected a string (for built-in components) or a class/function but got: object//发生原生一般是你引用了无效的组件,如果组件确实正确,看下引用的组件是否正常导出:(export default)

    6.react native  undefined is not an object (evaluating this....//发生该错误的一般是忘记bind(this),只要回调函数中需要用到this的,一般的需要bind 7.react native -repected a component class,got[object object]//该错误可能是你引用了小写的组件,组件首字母一定要大写,比如<login/>应该写成<Login/>

    转载请注明原文地址: https://ju.6miu.com/read-667358.html

    最新回复(0)