随笔分类 -  React-Native

React-Native
有关react-native的最常用的库（文件、样式、UI组件）
摘要：一、对文件的处理 1、react-native-fs 2、react-native-file-selector 3、MaterialFilePicker 二、React-Native 样式指南 1、react-native-stylesheet-guide 三、Teaset 1、Teaset 阅读全文
posted @ 2018-11-11 19:02 dellyoung 阅读(2126) 评论(0) 推荐(0)
react-native Android 全面屏手机 底部留有一大块黑屏
摘要：解决方案：在AndroidManifest.xml 中 配置 阅读全文
posted @ 2018-11-11 18:55 dellyoung 阅读(858) 评论(0) 推荐(0)
React Native 常用第三方组件
摘要：React-Native-Elements 一组开发RN的UI工具包（强烈推荐） 🔥🔥🔥🔥🔥 react-native-calendars 🔥🔥🔥🔥 优秀的日历控件 apsl-react-native-button 定义了一个Button支持用Style来配置 🔥🔥 react 阅读全文
posted @ 2018-11-10 14:27 dellyoung 阅读(4597) 评论(0) 推荐(0)
React Native布局详解
摘要：Flexbox 布局 Flex有两个属性：Container 和 Item flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。采用flex布局的元素，称为flex容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为flex 阅读全文
posted @ 2018-11-02 16:34 dellyoung 阅读(2840) 评论(0) 推荐(0)
React Native真机红屏报错总结
摘要：一、run-android报错：unable to load script from assets 'index.android.bundl' 解决： 1.进入\android\app\src\main 2.新建assets文件夹 3.执行 二、run-android报错：Module HMRCli 阅读全文
posted @ 2018-11-01 15:19 dellyoung 阅读(869) 评论(0) 推荐(0)
react-native-swiper设定高度的方法（设置rn轮播图所占高度）
摘要：效果图： 直接上解决方案： 1、在Swiper标签外套一层View 2、在View的style中设置高度 3、注意style中不要使用flex。 4、完整版轮播图代码（下面即为MainSwiper.js的代码内容） 阅读全文
posted @ 2018-11-01 12:38 dellyoung 阅读(1983) 评论(0) 推荐(0)
react-native关闭所有黄色警告
摘要：写RN经常会遇到黄色警告，很无奈，很多很多的黄色警告都是由组件自己导致的，建议在index.js 内的 之前写入以下代码可屏蔽此提示。 阅读全文
posted @ 2018-10-28 15:25 dellyoung 阅读(1198) 评论(0) 推荐(0)
React Native中Navigator的安装与使用
摘要：一、安装Navigator 1.安装react-native-deprecated-custom-components npm install react-native-deprecated-custom-components --save 2.若npm安装报错，则执行下面命令 npm i reac 阅读全文
posted @ 2018-10-25 00:17 dellyoung 阅读(884) 评论(0) 推荐(0)
最详细React Native环境配置及项目初始化(2018-10-14)
摘要：注意配环境一定要全程使用稳定VPN工具，否则会浪费大量时间！！！相信我 一.截止到项目初始化之前也就是执行这条命令之前都按官网的方法就可以 https://reactnative.cn/docs/getting-started.html 二.上面这条命令可别用 不知道有没有人注意到官网上这个话 这个 阅读全文
posted @ 2018-10-14 15:36 dellyoung 阅读(936) 评论(0) 推荐(0)