reactnative入门——入门小结(代码片段)

白玉梁 白玉梁     2022-11-11     239

关键词:

1.js跳转Activity后,按home键再切回应用白屏:

解决方案:修改MainActivity或目标Activity启动方式,总之不能全部为SingleTask。

2.代码报错修改后无法链接nodejs服务了?

解决方案:尝试在nodejs服务框内按Ctrl+V。

3.编译android时报无法解析某远程库

解决方案:打开android根目录下的build.gradle,修改maven仓库url:

    repositories 
        maven  url 'https://maven.aliyun.com/nexus/content/groups/public/' 
        maven  url 'https://jitpack.io' 
        maven  url 'https://repo1.maven.org/maven2/' 
        maven  url 'https://maven.aliyun.com/repository/jcenter' 
        maven  url 'https://maven.aliyun.com/repository/google' 
        maven  url 'https://repo.huaweicloud.com/repository/maven' 
        google()
        mavenCentral()
    

4.如何在js中获取本地信息?

在moudle的react方法中传入Promise:

    @Override
    public String getName() 
        return "SysInfo";
    
  
    @ReactMethod
    public void get(Promise promise) 
        SysInfo sysInfo = new SysInfo();
        ...
        promise.resolve(JsonUtils.toJsonFromObject(sysInfo));
    

js中获取:

NativeModules.SysInfo.get().then(sysinfo => 

);

待补充…

reactnative入门——入门小结(代码片段)

1.js跳转Activity后,按home键再切回应用白屏:解决方案:修改MainActivity或目标Activity启动方式,总之不能全部为SingleTask。2.代码报错修改后无法链接nodejs服务了?解决方案:尝试在nodejs服务框内按Ctrl+V。3.... 查看详情

reactnative入门——入门小结(代码片段)

1.js跳转Activity后,按home键再切回应用白屏:解决方案:修改MainActivity或目标Activity启动方式,总之不能全部为SingleTask。2.代码报错修改后无法链接nodejs服务了?解决方案:尝试在nodejs服务框内按Ctrl+V。3.... 查看详情

reactnative入门基础知识总结(代码片段)

中秋在家闲得无事,想着做点啥,后来想想,为啥不学学reactnative。在学习 ReactNative时,需要对前端(HTML,CSS,JavaScript)知识有所了解。对于JS,可以看看阮一峰老师的《ECMAScript6入门》这篇文章。里面涉及很多ES6的新特性... 查看详情

reactnative入门——导航和路由(代码片段)

ReactNavigation官方文档:https://reactnavigation.org/docs/getting-started/安装react-navigation:npminstall@react-navigation/native或npxyarnadd@react-navigation/native安装react-native-screen 查看详情

reactnative入门——导航和路由(代码片段)

ReactNavigation官方文档:https://reactnavigation.org/docs/getting-started/安装react-navigation:npminstall@react-navigation/native或npxyarnadd@react-navigation/native安装react-native-screen 查看详情

reactnative入门——导航和路由(代码片段)

ReactNavigation官方文档:https://reactnavigation.org/docs/getting-started/安装react-navigation:npminstall@react-navigation/native或npxyarnadd@react-navigation/native安装react-native-screen 查看详情

reactnative入门认识flexbox布局(代码片段)

...W3C在09年提出的在Web端取代CSS盒子模型的一种布局方式。ReactNative实现了Flexbox布局的大部分功能。 Flexbox布局所使用的属性,基本可以分为两大类:决定子组件排列规则的属性,例如:flexDirection,flexWrap,justifyContent,alignItems等。... 查看详情

reactnative入门-环境搭建,创建第一个helloworld(代码片段)

CreateReactNativeApp 是开始构建新的ReactNative应用程序的最简单方法。它允许您启动项目而无需安装或配置任何工具来构建本机代码-无需安装Xcode或AndroidStudio。先安装Node.Js,则可以使用npm来安装create-react-native-app命令行实用程序... 查看详情

reactnative入门编写helloworld(代码片段)

在前期环境已经搭好的前提下,是不是已经有点迫不及待想要开始自己的第一个Demo之旅呢,那么从HelloWorld开始吧。如未搭建好环境,请参照:https://blog.csdn.net/u012721519/article/details/80520331 Ok,话不多说,Let'sc... 查看详情

match的reactnative入门之旅(代码片段)

这是一篇学习笔记,注意事项的文章。文中的资料绝大部分出自React中文网一搭建开发环境运行react-nativeinitAwesomeProjectcdAwesomeProjectreact-nativerun-android三State(状态)我们使用两种数据来控制一个组件:props和state。pr... 查看详情

reactnative入门——环境搭建及第一个rn项目—helloworld(代码片段)

ReactNative入门——本篇以及接下来的几篇有关RN的文章,是默认你对前端相关知识如Node,React,以及原生移动端Android可以熟练使用的情况下(最起码达到了解会用的程度)为前提的!不然你就需要先去了学... 查看详情

reactnative入门——环境搭建及第一个rn项目—helloworld(代码片段)

ReactNative入门——本篇以及接下来的几篇有关RN的文章,是默认你对前端相关知识如Node,React,以及原生移动端Android可以熟练使用的情况下(最起码达到了解会用的程度)为前提的!不然你就需要先去了学... 查看详情

reactnative入门——环境搭建及第一个rn项目—helloworld(代码片段)

ReactNative入门——本篇以及接下来的几篇有关RN的文章,是默认你对前端相关知识如Node,React,以及原生移动端Android可以熟练使用的情况下(最起码达到了解会用的程度)为前提的!不然你就需要先去了学... 查看详情

reactnative入门——js与native互相通信(代码片段)

使用AndroidStudio打开项目中的android目录:并等待GradleBuild完成,首次Build会花费不少时间,耐心等待!编译成功后如图:首先我们来介绍js调用native方法:1.新建文件夹mymoudles和myreactpackage;2.在mymoudles中... 查看详情

reactnative入门——js与native互相通信(代码片段)

使用AndroidStudio打开项目中的android目录:并等待GradleBuild完成,首次Build会花费不少时间,耐心等待!编译成功后如图:首先我们来介绍js调用native方法:1.新建文件夹mymoudles和myreactpackage;2.在mymoudles中... 查看详情

reactnative入门及一些踩过的坑(代码片段)

 集成步骤也可以参考react-native中文网,但是中间还是会遇到特殊情况,上面没有说明一、安装node(不然npm的时候会报“不是内部命令”)  npm是nodejs的一个子内容,所以要使用npm,就一定要先安装nodejs。安装方... 查看详情

来自java程序员的python新手入门小结(代码片段)

欢迎访问我的GitHub这里分类和汇总了欣宸的全部原创(含配套源码):https://github.com/zq2599/blog_demos本篇概览欣宸是个Java程序员,最近正在学习Python,本文记录了学习过程,以及一点自己的思考,主要用途是作为... 查看详情

来自java程序员的python新手入门小结(代码片段)

欢迎访问我的GitHub这里分类和汇总了欣宸的全部原创(含配套源码):https://github.com/zq2599/blog_demos本篇概览欣宸是个Java程序员,最近正在学习Python,本文记录了学习过程,以及一点自己的思考,主要用途是作为... 查看详情