###0.前言

开发环境：windows10 + vscode + react-native 0.57 + Android模拟器

本文主要记录原生项目与react-native的交互方式和注意项。（Android方向）

交互方式总共2种：

1. react-native主动调用native
2. native主动调用react-native

查看更多

###0.前言

开发环境：windows10 + vscode + react-native 0.57 + Android模拟器

本文主要记录原生项目中引入react-native的步骤和注意项。（Android方向）

查看更多

###0.前言
本系列文章主要是对react-native学习知识的实践，并记录下实操过程中遇到的问题和解决方案。

开发环境：windows10 + vscode + react-native 0.57 + Android模拟器（暂时没测试iOS效果）

本文主要是采用react-native编写BOSS直聘的app的相关UI，以此实践和校验之前学习的react-native知识点。

本文主要讲解内容点：

• 项目文件夹功能划分和思考
• 首页框架搭建（react-navigation的使用）
• 编写过程中遇到的问题和注意点

查看更多

###配置标题栏

1. 基本配置

   class MainScreen extends React.Component{
   
     static navigationOptions = {
       title: '主界面',
     };
    //...        
   }
   

查看更多

###React Navigation的导入配置

官方文档： 链接地址

导入的脚本为：
yarn add react-navigation

前置配置： yarn
npm install -g yarn react-native-cli

查看更多

###前言
整理学习react-native常用控件。整理自react-native中文网

###基础组件

查看更多

####使用Fetch API进行网络访问

Fetch API相关文档地址

查看更多

##React 组件生命周期
本文记录react组件的生命周期及方法。本文转自http://www.runoob.com

组件的生命周期可分成三个状态：

• Mounting：已插入真实 DOM
• Updating：正在被重新渲染
• Unmounting：已移出真实 DOM

查看更多

###1.flex属性
弹性（Flex）宽高，与Android中的weight(权重)相同,根据数值的等份填充父容器空间

###2.flexbox
指定某个组件的子元素的布局

查看更多

###0.开发环境
windows10+Android Studio

查看更多