美文网首页
React Native 问题总结

React Native 问题总结

作者: TonyReet | 来源:发表于2017-08-29 19:22 被阅读0次

    最近开始学习ReactNative,遇到了一些坑,总结一下方便以后查找。

    1、react.children.only expected to receive a single react element child

    TabNavigator.Item的时候出现了如上的错误,TabNavigator.Item必须包含一个子组件(不能超过也不能没有),报错之前代码如下:

    <TabNavigator.Item
                    title="xxxxx"
                    renderIcon={() => <Image source={{uri: 'yyyyy'}} style={styles.iconStyle}/>}
                    renderSelectedIcon={() =><Image source={{uri: 'zzzzz'}} style={styles.iconStyle}/>} 
                >
                </TabNavigator.Item>
    

    此时会报错,添加子组件即可:

    <TabNavigator.Item
                    title="xxxxx"  
                    renderIcon={() => <Image source={{uri: 'yyyyy'}} style={styles.iconStyle}/>}
                    renderSelectedIcon={() =><Image source={{uri: 'zzzzz'}} style={styles.iconStyle}/>} 
                >
                <View >
                    <Text>xxxx</Text>
                </View >
                    TabNavigator.Item>
    

    2、Navigator is deprecated and has been removed from this package. It can now be installed and imported from react-native-deprecated-custom-components

    从0.44版本开始,Navigator不再从‘react-native’中引入

    解决办法:
    1、使用终端打开对应的目录 cd 路径
    2、

    npm i react-native-deprecated-custom-components --save
    

    3、在对应的文件种将组件引入

    import {Navigator} from 'react-native-deprecated-custom-components';
    

    相关文章

      网友评论

          本文标题:React Native 问题总结

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