React Native

React Native

React Native

Facebook 在 React.js Conf 2015 大会上推出了基于 JavaScript 的开源框架 React Native。React Native 结合了 Web 应用和 Native 应用的优势，可以使用 JavaScript 来开发 iOS 和 Android 原生应用。

等 153 人订阅共37篇文章创建于2023-08-14

ReactNative进阶（十二）：本地存储 AsyncStorage 及 Realm 使用

一、前言数据持久化一直都是软件开发中重要的一个环节，几乎所有的应用都具备这项功能；什么是数据持久化呢？说白了就是数据的本地化存储，将数据存储到本地，在需要的时候进行调用。本文介绍两种在 React

1年前
4.2k
4
3

ReactNative进阶（十二）：本地存储 AsyncStorage 及 Realm 使用

ReactNative进阶（六）：ReactNative语法学习及常见问题汇总

一、基础知识 1.1 {} 与 () 对于第一次接触ReactNative的同学，最痛苦的是什么时候使用{}，什么时候使用(),当然我也经历过那段时间，为此简单总结了下。 ReactNative中，使

1年前
726
2
评论

ReactNative进阶（六）：ReactNative语法学习及常见问题汇总

ReactNative进阶（五）：Mac 通过 .bash_profile 文件配置环境变量

一、Mac配置环境变量步骤首先，通过 echo $SHELL 命令查看设备默认shell是什么。之前用户的默认shell是/bin/bash，而新版本的macOS Catalina开始，新用户的默

1年前
717
2
评论

ReactNative进阶（五）：Mac 通过 .bash_profile 文件配置环境变量

ReactNative进阶（十六）：React-Native 组件生命周期

概述一、组件的生命周期1.1 创建阶段1.2 实例化阶段1.3 运行（更新）阶段1.所谓生命周期，就是一个对象从开始生成到最后消亡所经历的状态，理解生命周期，是合理开发的关键。第一阶段：是组件第一次绘制阶段，如图中的上面虚线框内，在这里完成了组件的加载和初始化；第二阶段：是组件在...

4年前
243
1
评论

ReactNative进阶（二十二）：点击事件.bind(this)引发的思考

在React或React-native的点击事件中，会经常用到bind(this)。this.console.<View style={styles.<Text style={styles.welcome} onPress={this.handleClick.上图是执行了.bin...

4年前
336
1
评论

ReactNative进阶（二十六）：子组件调用父组件中的函数

在子组件执行某个操作的时候，需要其去调用父组件中的某个函数或者改变父组件中的某个参数。onItemClick: React.PropTypes.if (this.props.this.props.onPress={() => { this.itemClick(this.style...

4年前
191
1
评论

ReactNative进阶（三）：ReactNative项目启动原理介绍

先带大家分析2张架构图，对RN大致的运行加载过程有个印象。ReactNative 的本质是在 JS 端编写 React 代码，通过 JavaScriptCore 引擎，把 JS 端编写的组件和事件转换成 Native 原生组件进行渲染，如下图：理解 ReactNative 的实...

4年前
471
5
5

ReactNative进阶（一）：ReactNative 学习资料汇总

一、序目前主流的移动跨平台技术方案大体可以分为三类，使用原生内置浏览器加载HTML5的Hybrid技术方案，采用此种方案的主要有Cordova、Ionic和微信小程序；使用JavaScript语

1年前
1.8k
15
评论

ReactNative进阶（一）：ReactNative 学习资料汇总

ReactNative进阶（十五）：react-native-tab-navigator实现底部导航栏

第三方组件库react-native-tab-navigator是用于在场景之间切换的选项卡栏，用JS编写以提供跨平台支持。它适用于iOS和Android。该组件与React Native 0.16和更高版本兼容。外观与本地导航器略有不同，但在某些方面会更好。也是纯JavaScr...

4年前
1.5k
2
1

ReactNative进阶（十）：网页组件（WebView）的使用详解

一、WebView 组件介绍二、WebView 组件使用样例2.1 通过url地址加载网页2.2 加载html代码2.3 RN和Html通信2.使用 WebView 组件可以通过 url 来加载显示一个网页，也可以传入一段 html 代码来显示。下面对其主要属性和方法进行介绍。1...

4年前
1.9k
2
评论

ReactNative进阶（三十二）：前端构建工具--Yeoman

一、脚手架是什么二、Yeoman是什么三、Yeoman 优缺点3.1 Yeoman 优势3.脚手架是一种约定和规范。然后脚手架将这些重复性的约定、规范全部都集成起来，减少这样无意义的操作。Yeoman最初发布于 2012 年，是一款高效、开源的 Web 应用脚手架（scaffol...

4年前
208
1
评论

ReactNative进阶（二十八）：ES6 Symbol用法

Symbol是es6中一种新增加的数据类型，它表示独一无二的值。es5中我们把数据类型分为基本数据类型（字符串、数字、布尔、undefined、null）和引用数据类型(Object),在es6中新增的Symbol数据类型划分到基本数据类型。obj.obj.这个时候，新增加的方法...

4年前
213
1
评论

ReactNative进阶（二十三）：Javascript 严格模式详解

1. 概述2. 为什么用严格模式3. 进入标志4.如何调用4.1 针对单个脚本4.5.语法与行为改变5.1 全局变量显式声明5.2 禁止this关键字指向全局对象5.3 禁止在函数内部遍历调用栈5.4 禁止删除变量5.5 对象不能有重名的属性5.5 函数不能有重名的参数5.6 显...

4年前
360
1
评论

ReactNative进阶（十三）：Could not resolve all dependencies for configuration ‘:app:debugRuntimeClasspath‘

在项目的build.gradle 文件buildscript 和 allprojects节点同时加上 mavenCentral() google() 即可。// Top-level build file where you can add configuration option...

4年前
2.9k
1
评论

ReactNative进阶（七）：导航组件react-navigation

在RN项目开发过程中，经常会看到如下形式的路由跳转。onPress = {() => this.props.navigation.onPress = {() => this.props.navigation.onPress = {() => this.props.navigati...

4年前
2.9k
4
2

ReactNative进阶（九）：API学习---注册组件AppRegistry

每一个应用程序的运行都需要有一个入口文件或者入口函数，而在React Native 中，AppRegistry是RN应用的入口函数。AppRegistry负责注册运行React Native应用程序的JaveScript入口，程序入口组件使用AppRegistry.registe...

4年前
945
1
评论

ReactNative进阶（十九）：React Native按钮Touchable系列组件使用详解

在做RN App开发过程中离不了用户交互，在React Native中没有专门的按钮组件。为了让视图能够响应用户的点击事件，我们需要借助Touchablexxx组件，来包裹我们的视图。为什么说是Touchablexxx呢，因为它不只是一个组件，而是一组组件，以下四个组件都可以用来...

4年前
785
1
评论