react-native
热爱前端的小君同学
正在努力学习前端的小白
展开
-
react-native-document-picker一个适合react native打开本地文件,上传文件的组件;也可直接用react-native-fetch-blob
一些配置介绍import DocumentPicker from 'react-native-document-picker';const FileTypes = { All: DocumentPicker.types.allFiles,// All document types, on Android this is */*, on iOS is public.content (note that some binary and archive types do not inherit原创 2021-02-26 15:51:11 · 3077 阅读 · 0 评论 -
react native实现拨打保存到通讯录的功能
引入的模块import RBSheet from "react-native-raw-bottom-sheet";import { SafeAreaView, NativeModules, View, StyleSheet, Platform, Modal, Image, TouchableOpacity, BackHandler, ScrollView, StatusBar, AppState, Text, Alert, Linking, TouchableWithoutFeedb原创 2021-02-02 10:57:42 · 259 阅读 · 0 评论 -
react-native模拟机调试与真机调试步骤
1、mac可以通过Command⌘ + D快捷键来快速打开Developer Menu。在出现的下拉选项中选择“Debug JS Remotely”2、windows可以通过Command⌘ + M快捷键来快速打开Developer Menu。也可以通过模拟器上的菜单键来打开。在出现的下拉选项中选择“Debug”...原创 2020-11-20 18:33:33 · 432 阅读 · 0 评论 -
ReactNative手机端调用相册react-native-image-crop-picker
https://www.jianshu.com/p/0fe130d851f4原创 2020-11-20 17:06:37 · 1373 阅读 · 2 评论 -
react native——升级到版本0.59(或者任何其他版本)
简单的执行npm install react-native@latest会导致很多配置文件得不到更新。现在介绍rn-diff-purge:升级Recommended method1.Check the diff 登录rn-diff-purge网站:https://pvinis.github.io/purge-web/,输入项目当前版本号;目标版本号:0.59.2,点击“Diff he...原创 2019-05-27 18:22:17 · 4121 阅读 · 0 评论 -
下拉刷新组件封装
经常用在上拉刷新和下拉加载更多中,接下来利用RefreshControl封装一个下拉刷新组件RefreshControl属性refreshing加载指示灯是否在加载中colors[ColorPropType]Android平台专用,设置加载指示器的颜色,至少设置一种,最多可以设置4种enabledAndroid平台专用,用来设置下拉刷新是否可用progressBackgr...原创 2019-03-04 18:29:56 · 675 阅读 · 0 评论 -
react native天气预报应用开发
天气查询https://www.heweather.com/documents/api/v5/weather天气预测,目前使用免费的接口只能预测三天https://www.heweather.com/documents/api/v5/forecast创建项目react-native init Weather定位学习网站:https://reactnative.cn/docs/0...原创 2019-03-09 17:57:52 · 956 阅读 · 0 评论 -
热更新与打包部署
ios应用打包:http://www.applicationloader.net/blog/zh/726.html Android应用打包:https://developer.android.com/studio/publish?hl=zh-cn 热更新:https://juejin.im/entry/59afb8fc518825243b2a9f7f...原创 2019-03-09 15:02:53 · 1028 阅读 · 1 评论 -
react native通信机制(还需深入学习,目前只是简单了解),调用原生组件
一、原生模块首先理解原生:https://reactnative.cn/docs/native-modules-android/二、通信机制RN 整体结构以及关键类的类图RN 最大的优势在于跨平台、热更新。因此,RN 库本身也需要在多个平台(iOS、Android)上运行,从上图可知,在 RN 中 C++与JS部分的实现为多平台共用,在此基础上再分化为各平台实现。用Xcode...原创 2019-03-06 12:52:56 · 426 阅读 · 0 评论 -
react-native九宫格布局封装
Android提供了网格空间GridView,而ios需要开发者自己实现,不推荐使用ListView,将来的版本中将删除它,会有警告准备图片(图片命名,必须与下方代码内数据的icon名相同)效果图及代码import React, { Component } from 'react';import { StyleSheet, Text, View, Image, Dimensio...原创 2019-03-01 17:52:22 · 1888 阅读 · 0 评论 -
react-native-art环境配置及使用
引入import { ART } from 'react-native';环境配置Android默认就包含ART库,IOS需要单独添加依赖库。右键点击项目 -> ‘Add Files to ProjectName -> 选择nodule_modules / react-native / Libraries / ART / ART.xcodeproj将 libA...原创 2019-02-28 18:33:49 · 1079 阅读 · 0 评论 -
React Native学习心得
目前通过《React Native移动开发实战-向洪治版》进行基础学习 结合网址进行学习:https://reactnative.cn/ 讨论社区:https://www.facebook.com/groups/react.native.community React Native - 调试技巧及调试菜单说明(模拟器调试、真机调试):http://www.hangge.com/blog/ca...原创 2019-01-09 17:50:47 · 1976 阅读 · 0 评论 -
react navigation学习
react native导航器学习网址:https://reactnavigation.org/docs/zh-Hans/getting-started.html 图标库地址:https://oblador.github.io/react-native-vector-icons/ 遇到的问题:underfined is not an object (evaluating 'RNGestu...原创 2019-02-12 15:58:36 · 504 阅读 · 0 评论 -
react-native-image-picker环境配置及使用
安装插件。npm install react-native-image-picker@latest --savelinkreact-native link react-native-image-pickerandroid环境配置在Android Studio打开对应项目,进行如下操作1.添加权限在/android/app/src/main/AndroidManifest.x...原创 2019-02-28 15:39:46 · 3384 阅读 · 0 评论 -
react native常用css
布局属性:https://reactnative.cn/docs/layout-props/ 样式:https://reactnative.cn/docs/layout-props/ 图标列表https://oblador.github.io/react-native-vector-icons/npm install react-native-vector-icons --save...原创 2019-02-27 17:35:54 · 1282 阅读 · 0 评论