代码改变世界

文章分类 -  reactNative

如何使用redux

2020-11-18 13:44 by 在思考中成长, 129 阅读, 收藏,
摘要: redux 使用在reactnative基本是没有变化的 开发中常用的 异步 工程中用到了 redux-thunk 具体实现上代码 stroe.js import { createStore, applyMiddleware } from 'redux'; import thunkMiddlewar 阅读全文

StatusBar的使用详解

2020-11-10 16:29 by 在思考中成长, 1251 阅读, 收藏,
摘要: 一、StatusBar组件介绍 StatusBar 是 React Native 0.20 起新增的跨平台组件,它可以用来设置并动态改变设备的状态栏显示特性。 StatusBar 组件可以同时加载多个 StatusBar 组件,这些 StatusBar 组件的属性可以按照加载的顺序进行合并。一种常见 阅读全文

ReactNative常用组件库 react-native-camera 相机

2020-11-10 11:29 by 在思考中成长, 917 阅读, 收藏,
摘要: 通过react-native-camera调用原生相机,及自定义样式 GitHub地址: https://github.com/react-native-community/react-native-camera 安装: npm install react-native-camera --save 阅读全文

ReactNative: 了解相机第三方库react-native-camera的使用

2020-11-09 17:33 by 在思考中成长, 2792 阅读, 收藏,
摘要: 安装 1、同样地道理,使用之前得先安装,还是采用npm安装吧。如下: //安装react-native-camera npm install react-native-camera@latest --save 2、安装完成之后,需要添加工程,进行编译配置。执行完了这些步骤后,就完成了第三方库的添加了 阅读全文

轮播图

2020-11-09 11:09 by 在思考中成长, 94 阅读, 收藏,
摘要: 没有组件的轮播图需要自己写,但网上有些写的比较不错的,直接哪来自己用了 import React, {Component} from 'react'; import {StyleSheet,Image, Text, View,ScrollView,Dimensions} from 'react-na 阅读全文

导航使用

2020-11-09 11:06 by 在思考中成长, 140 阅读, 收藏,
摘要: react-native 导航使用 React Navigation 官网地址为 https://reactnavigation.org/ 文章使用的是4.0版本 目前已经更新到5.0 常用的底部导航 及切换导航 首页引入依赖 "react-native-gesture-handler": "^1. 阅读全文

React Native搭建开发环境IOS

2020-11-09 10:26 by 在思考中成长, 442 阅读, 收藏,
摘要: Android在搭建上直接看官网 就Ok 官网:https://www.reactnative.cn/docs/getting-started 这篇文章只讲解一下 IOS如何搭建react-native 安装依赖 必须安装的依赖有:Node、Watchman、Xcode 和 CocoaPods。 虽 阅读全文

reactNative 从简到深

2020-11-09 09:57 by 在思考中成长, 85 阅读, 收藏,
摘要: 刚开始学习 reactNative 如何下手呢? 思来想去 从这几方面开始 1、安装部署 2、 如何使用导航 2、状态栏换肤 3、如何使用redux 4、屏幕如何适配pd 4、如何使用轮播图 5、如何使用拍照功能 6、如何定位 7、如何上传 8、横屏竖屏实现 8、分享 9、指纹调用 10、本地化缓存 阅读全文