RN笔记

作者: 三点水老木头 | 来源:发表于2019-08-29 13:51 被阅读0次

1、点击空白处收起键盘,在组件最外层加上 <ScrollView></ScrollView>即可

2、使用阿里的提示插件,@ant-design/react-native 在外层加上 <Provider></Provider> ,否则提示框不出现

3、不使用button组件,在安卓、iOS样式差距巨大,使用 TouchableOpacity等代替

4、要在一个栈里面跳转,需要先注册路由

5、不使用绝对布局,使用Flex布局,使用绝对布局点击事件之类有可能会在安卓机器上失效,

6、配置Androidstudio 时,gradle Build的时候一直报超时或者refuse,jar包下载不下来,
原因: /Users/zhusongze/.gradle/gradle.properties 这个文件设置了代理,里面代理注释掉,干干净净就可以跑了

7、Android studio 报 failed linking references 可能是版本原因,
Studio在打包的时候会检测所有module中的support包,对于不同版本的情况,最终取最高版本的support包来为所有module进行编译。
原因知道了,解决办法就简单了,要么升sdk版本,要么降support版本。
https://blog.csdn.net/flyfight88/article/details/83088137

8、理解this概念 https://juejin.im/post/5c96d0c751882511c832ff7b

9、ReactNative使用支付宝支付报错:方法不会覆盖或实现超类型的方法
react-native-yunpeng-alipay 【https://blog.csdn.net/sinat_30949835/article/details/78903007
进入这个文件夹注释中间一段代码

android>src>main>java>com.yunpeng.alipay>AlipayPackage 
/**
* Created by m2mbob on 16/5/6.
*/
public class AlipayPackage implements ReactPackage {

   @Override
   public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
       List<NativeModule> modules = new ArrayList<>();
       modules.add(new AlipayModule(reactContext));
       return modules;
   }

//    @Override
//    public List<Class<? extends JavaScriptModule>> createJSModules() {
//        return Collections.emptyList();
//    }

   @Override
   public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
       return Collections.emptyList();
   }

}

10、一直报core-js找不到啥$html, 按下面操作即可

https://github.com/react-toolbox/react-toolbox/issues/127
 Try delete your node_modules folder. Then run npm install core-js, and then do npm install.

11、WebView出现莫名黑边, backgroundColor:'rgba(255, 255, 255, 0.0)’ 背景色设置透明即可

12、微信支付 按文档处理,
https://github.com/yorkie/react-native-wechat
安卓处理
https://github.com/yorkie/react-native-wechat/blob/master/docs/build-setup-android.md

13、 https://www.jianshu.com/p/1d32c8f0202b 兼容下Android 9

14、
Unrecognized font family 'antoutline'
运行命令 react-native link @ant-design/icons-react-native

15、微信分享,qq分享

安卓配置
xml文件,MainApplication.java文件

iOS配置
delegate文件,URL文件,
QQ那项由tencent后面数字10进制转16进制,补0补足8位

16、 安卓版本更新
https://github.com/songxiaoliang/react-native-app-upgrade

相关文章

  • ncRNA互作文献阅读笔记(一)——Interactions a

    本文为文献阅读笔记文献:Interactions and links among the noncoding RN...

  • RN笔记

  • Rn笔记

    创建项目: react-native init 项目名 运行项目:右击项目,选择在终端打开,输入命令:npm st...

  • RN笔记

    1、点击空白处收起键盘,在组件最外层加上 即可 2、使用阿里的提示插件,@ant-design/react-n...

  • RN笔记

    1、VSCode 代码格式化 2、Chrome 调试

  • React-Native学习笔记

    RN笔记 一. 常用命令 比如我们希望查看RN的所有历史版本,可以在命令行中输入: npm view react-...

  • RN学习笔记

    环境搭建: 安装npm和Node.js,Node.js下载地址 安装watchMan,该插件用于监控bug文件和文...

  • RN笔记—SectionList

    SectionList 是一个高性能的分组列表组件。它可以简单的给一组数据进行分组渲染,它支持一下的功能: 完全跨...

  • RN小笔记

    1、npm更新到最新版本 npm install -g npm 2、Command /bin/sh failed ...

  • RN笔记-列表

    学习小码哥react-native视频教程,以下粘贴出源码,方便以后学习使用。附上效果图,在ios中这类列表界面一...

网友评论

      本文标题:RN笔记

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