ReactNative
Joan_Vivian
Never stop, never give up.
Go you own way and let others talk.
展开
-
React Native开发概括
**React Native开发技术的几个关键:**1、本地持久化;2、网络请求;3、离线缓存;4、主题更换;5、组织项目结构;6、适配IOS和Android平台;7、功能调试;8、组件化的思想;9、组件的属性与状态;10、组件的生命周期;11、使用组件搭建界面—>a:搭建cell组件;b:搭建静态表格页;c:搭建app基本骨架12、组件间通信** 组件化的思想*...原创 2019-02-22 16:27:29 · 254 阅读 · 0 评论 -
RN https请求配置
Fetch对https请求的配置:/** * Implements the XMLHttpRequest JavaScript interface. */@ReactModule(name = NetworkingModule.NAME)public final class NetworkingModule extends ReactContextBaseJavaModule {...原创 2019-08-29 16:29:46 · 678 阅读 · 0 评论 -
RN通信的注册
ReactPackage的MainMoudle注册:/** * Created by 80028939 on 1/22/2018. *//** * Package defining basic modules and view managers. */public class MainReactPackage extends LazyReactPackage impleme...原创 2019-08-29 16:26:12 · 287 阅读 · 0 评论 -
JS与Native的通信
JS与Native(Android)通信:/** * Created by 80028939 on 1/10/2018. */public class MainModule extends ReactContextBaseJavaModule { private final String MODULE_NAME = "mainModule"; private Reac...原创 2019-08-29 10:56:44 · 837 阅读 · 0 评论 -
RN的Https请求问题
处理RN的https问题:package com.asmobileinbox;import com.facebook.react.modules.network.OkHttpClientProvider;import com.facebook.react.modules.network.ReactCookieJarContainer;import java.security.Sec...原创 2019-08-28 14:06:02 · 1345 阅读 · 0 评论 -
ReactJS
ReactJS的核心思想:组件化,即按功能封装成一个个的组件,各个组件维护自己的状态和UI,当state发生变化时,会自动重新渲染整个组件,多组件一起协作共同构成了ReactJS应用组件:var HelloMassage=React.createClass({render:function(){return <div>Hello {this.props.name}<...原创 2019-03-15 12:05:17 · 630 阅读 · 0 评论 -
JSX的基本应用
定义:JSX:它是个语法糖,允许开发者在JavaScript中写HTML语法。最后每个HTML标签都转化为JavaScript代码来运行。环境:JSX需要先加载ReactJS,还需要加载JSX的解析器,如:<script src="./build/react-0.13.3.js"></script><script src="./build/JSXTrans...原创 2019-03-06 16:00:06 · 191 阅读 · 0 评论 -
React Native的flexbox的布局
flexbox:可快速简单的完成各种伸缩性的设计。由W3C组织提出新的布局方案。布局模型:flexbox:是由伸缩容器和伸缩项目组成。其中设为display:flex或display:inline-flex的元素称为伸缩容器;伸缩容器的子元素称为伸缩项目。伸缩容器由两根轴组成,即主轴(main axis)和交叉轴(cross axis).伸缩容器属性:display:该属性用来指定...原创 2019-02-28 13:55:38 · 249 阅读 · 0 评论 -
React Native和React的简介
React Native是React在移动端的跨平台方案 ,开启了开发原生App的新方式。学习React Native需要熟悉React。React Native是基于React设计的。其官网的介绍是使用React构建Native应用框架,它采用的语法也是React。需要安装软件:Node.js和npm、React Native(react-native-cli)、NVM(Node.j...原创 2019-02-23 16:49:37 · 625 阅读 · 0 评论 -
React-Native与Android的交互通信
React-Native与Android的交互通信 需要满足原Android项目中已经导入react-native项目的前提下执行,接着需要创建一个Activity类继承ReactActivity,如下所示(其中类名自定义,而getMainComponentName方法的返回值与Android项目名一致):public class MyTestReact extends ReactAct...原创 2019-02-22 17:39:29 · 1194 阅读 · 2 评论 -
ReactNative 与原生App通信(Android)
ReactNative 与原生App通信(Android)1:将项目相关文件夹拷贝到Android项目更目录下,如ASMobileInbox项目需要拷贝的文件:node_modules、js、res、App.js、index.js、package.json。2:配置App: AndroidManifest.xml文件:<uses-sdk android:...原创 2019-02-22 17:15:48 · 407 阅读 · 0 评论 -
React Native开发环境配置
react-native运行环境配置必须软件: 1、Node.js、Python2 2、接着通过Node.js的cmd,安装react-native-cli(执行命令:npm install -g react-native-cli) 可以设置镜像,便于加速下载 (npm config set registry https://registry.npm.t...原创 2019-02-22 17:12:19 · 190 阅读 · 0 评论 -
RN 流操作
对Native流操作:/** * Helper class that provides the necessary methods for creating the RequestBody from a file * specification, such as a contentUri. *//*package*/ class RequestBodyUtil { priv...原创 2019-08-29 17:01:31 · 185 阅读 · 0 评论