随笔分类 -  react-native

ReactNative 0.6x 使用react-native-image-picker
摘要：react-native-image-picker组件可以从相册、相机或本地目录选取图片。 我使用的版本 "dependencies": { "react": "16.8.1", "react-native": "0.61.2", "react-native-image-picker": "2.3. 阅读全文
posted @ 2021-02-02 17:23 _DC 阅读(337) 评论(0) 推荐(0) 编辑
使用react-native-vector-icons（RN0.6+）
摘要：1.安装 npm install --save react-native-vector-icons or yarn add react-native-vector-icons 2.配置 2.1.IOS配置 修改 info.plist 添加 <key>UIAppFonts</key> <array> 阅读全文
posted @ 2020-07-27 10:01 _DC 阅读(411) 评论(1) 推荐(0) 编辑
使用react-native-webrtc(Rn0.6以上版本)
摘要：1.安装 npm install react-native-webrtc or yarn add react-native-webrtc 2.配置 2.1.Android react-native0.6以上版本自动链接，只需要修改 android/app/src/main/AndroidManife 阅读全文
posted @ 2020-07-24 15:56 _DC 阅读(1166) 评论(0) 推荐(0) 编辑
使用reactnavigation5.x（RN0.6以上版本）
摘要：1.安装 #安装核心库npm install @react-navigation/nativeoryarn add @react-navigation/native #依赖库npm install react-native-reanimated react-native-gesture-handle 阅读全文
posted @ 2020-07-21 22:24 _DC 阅读(731) 评论(0) 推荐(0) 编辑
React Native pod install错误 SDK "iphoneos" cannot be located
摘要：给Xcode命令行工具指定路径 sudo xcode-select --switch /Applications/Xcode.app 其他命令参考 $ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer/ //查 阅读全文
posted @ 2020-07-18 11:56 _DC 阅读(326) 评论(0) 推荐(0) 编辑
react-native 关闭黄屏警告
摘要：将代码放在index.js 中 AppRegistry.registerComponent('App', () => App)之前 //关闭其中某些yellow警告 console.ignoredYellowBox = ['Warning: BackAndroid is deprecated. Pl 阅读全文
posted @ 2020-07-05 18:07 _DC 阅读(353) 评论(0) 推荐(0) 编辑
reactnative js onclick 模拟单击/双击事件
摘要：reactnative中没有双击事件，只能通过setTimeout实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button id='btn'>click me</but 阅读全文
posted @ 2020-06-29 11:13 _DC 阅读(1320) 评论(0) 推荐(0) 编辑
reactnative 监听屏幕方向变化
摘要：https://github.com/yamill/react-native-orientation 阅读全文
posted @ 2020-06-21 22:26 _DC 阅读(709) 评论(0) 推荐(0) 编辑
reactnative0.61.2 使用react-native-webrtc
摘要：6版本以上的react-native会自动引入包，不需要手动link 只需在AndroidManifest.xml加入权限即可 <uses-permission android:name="android.permission.INTERNET" /> <uses-permission androi 阅读全文
posted @ 2020-06-11 14:47 _DC 阅读(413) 评论(0) 推荐(0) 编辑
use react-navigation@2.18.2
摘要：react-native@0.59.10 1.install npm install react-navigation@2.18.2 2.in App.js import React from 'react'; import { View, Text, Button } from 'react-na 阅读全文
posted @ 2020-06-11 10:29 _DC 阅读(173) 评论(0) 推荐(0) 编辑
使用react-native-vector-icons矢量图标库
摘要：1.安装 npm install --save react-native-vector-icons 2.配置： Android： 方法1: react-native link react-native-vector-icons 方法2： 在android/app/build.gradle 第二行添加 阅读全文
posted @ 2020-06-11 10:09 _DC 阅读(545) 评论(0) 推荐(0) 编辑
ReactNative——如何隐藏状态栏（实现沉浸式）
摘要：RN中隐藏状态栏的方式很简单，在页面的根布局的顶部添加一个StatusBar即可，设置相关属性如下： export default class MainPage extends Component { render() { return( <View style={{flex: 1}}> <Stat 阅读全文
posted @ 2020-05-20 09:55 _DC 阅读(1972) 评论(0) 推荐(0) 编辑
React Native(简单精致的底部导航栏):使用react-native-tab-navigator实现底部导航栏
摘要：https://blog.csdn.net/Destiny_strive/article/details/83993521?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonec 阅读全文
posted @ 2020-05-19 15:57 _DC 阅读(1310) 评论(0) 推荐(0) 编辑