React Native 实践

726 阅读1分钟
  • Android Studio 安装问题
    • Android Studio官网访问不了?
    • Android Studio官网下载不了?
    • 安装Android Studio时,sdk无法安装?
      • 确保网络可以连接外网
      • 确保存放sdk的文件夹有修改权限
    • 安装过程中,报创建文件失败?
      • 需要将sdk文件夹赋予修改及完全控制权限
    • 初始化RN项目时,报错JDK版本不匹配,需要java11以上?
      • 安装java11版本,新建JAVA_HOME_11环境变量,设置JAVA_HOME环境变量指向java11版本。重新安装Android Studio即可
    • react-android-0.72.1-debug.aar 总是下载失败,如下图?
      • image.png
      • 可以将地址复制到迅雷或其他工具下载(repo.maven.apache.org/maven2/com/…
      • 然后 找到C:\Users\用户名.\caches\modules-2\files-2.1\com.facebook.react\react-android\0.72.1路径下有含有pom文件的文件夹,把下载好的文件放入,重新运行yarn android即可。如下图 image.png
  • RN使用问题
    • react-native-tab-navigator 报error及warning?
      • 将 react-native-tab-navigator 组件拷贝到 components 下
      • 注释 TabNavigator.js 文件的 tabBarStyle 属性
      • 安装 deprecated-react-native-prop-types,ViewPropTypes 从 deprecated-react-native-prop-types 中引入
      • 将 componentWillReceiveProps 改为 UNSAVE_componentWillReceiveProps
    • react-native-vector-icons 报错?
      • 去掉 react-native-vector-icons 使用

      • 在iconfont中新建项目,将要使用的icon放入项目中,切换到unicode模式,下载文件到本地

      • 把iconfont.css和iconfont.ttf 放在/android/app/src/main/assets/fonts 文件下

      • 新建Icon.tsx组件

        export default function (props: IconProps) {
            return <Text style={[props.style, styles.icon]}>{props.value}</Text>;
        }
        
      • 引用 Icon <Icon style={styles.icon} value={'\ue947'} />

推荐:

企业级智能BI平台开源框架: juejin.cn/post/717624…

企业级数字化平台开源框架: juejin.cn/post/722216…