BradyCC的博客

使用 react JSX 语法 使用 react-native StyleSheet 设置样式（驼峰写法） 使用 react-native Dimensions 获取设备宽、高、分辨率 使用 react-native Platform 获取设置操作系统 // App.js import React from 'react'; import { SafeAreaView, Style...

详情可参考官方文档。 一、开发环境配置 安装 Homebrew # 安装 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)" # 更新 brew update 注：如果更新较慢，需要替换数据源，具体可参考。 安装 node watchm...

RN 项目 安装 react-native-splash-screen 启动屏库 # 安装 react-native-splash-screen yarn add react-native-splash-screen // package.json { "name": "RNApp", "version": "0.0.1", "private": true, "scripts...

React Native 环境搭建 — macOS开发环境 必安依赖： node、react-native-cli、Xcode # 安装 node sudo npm i -g node # 安装 react-native-cli sudo npm i -g react-native-cli 安装成功后，检测版本。 Xcode 在 AppStore 中下载安装 以上安装完成后，创建 re...

RN 项目 安装 react-native-swiper 轮播图库 # 1.5.14 版本 yarn add react-native-swiper // package.json { "name": "RNApp", "version": "0.0.1", "private": true, "scripts": { "start": "react-native s...

RN 项目 安装 react-navigation 路由导航库 react-native-vector-icons 图标库 # 安装 react-navigation yarn add react-navigation react-native-gesture-handler react-native-vector-icons // package.json { "name": "RN...

RN 项目 安装 react-native-video 视频库 # 安装 react-native-video yarn add react-native-video // package.json { "name": "RNMyBaby", "version": "0.0.1", "private": true, "scripts": { "start": "rea...

RN 项目 安装 react-native-webview 跨平台webview库 # 安装 react-native-webview yarn add yarn add react-native-webview // package.json { "name": "RNMyBaby", "version": "0.0.1", "private": true, "script...