#react natvie
RN学习随笔
Alva__Bai
.................
展开
-
react native 随手记之打包遇到坑
react native 打包drawable Resource and asset merger:Duplicate resources原因分析: drawable 中的图片重名解决方案:修改react-native的react.gradle文件。在路径your project/node_modules\react-native路径下,找到doFirst,在其后添加doLast doLast { def moveFunc = { resSuffi原创 2020-09-01 13:12:06 · 1241 阅读 · 0 评论 -
react native随手记之视频播放器video
react native 随手记之视频播放器Video文章目录react native 随手记之视频播放器Video一、导入三方库1.video2.slider二、 代码示例一、导入三方库1.video yarn add react-native-video2.slideryarn add react-native-slider二、 代码示例import React, {Component} from 'react';import {StyleSheet, View, Image, T原创 2020-08-26 10:15:51 · 337 阅读 · 0 评论 -
react native随手记之滑动选择器react-native-picker
一. 安装 yarn add react-native-picker 或 npm install react-native-picker --save二. 属性isLoop Android类型:boolean 默认:falsepickerTextElipsisLen Android类型:number 默认:6.pickerconfirmBtnText 右侧按钮显示文字类型:string 默认:confirm原创 2020-08-25 15:17:17 · 2060 阅读 · 3 评论 -
react native 随手记之关于物理返回键的坑
RN学习中关于物理返回键的随手记记录下RN关于监听物理返回键的方法,及遇到的坑 首先我要实现的是在导航界面中实现点击两次退出应用,其他子界面的时候点击返回 键回到上一级界面。首先记录下遇到的第一个坑 网上查找到的方法就是在componentDIDMount中注册BackHandler,我就在我的bottomNavigator 中去实现了代码,这时能实现了点击两次退出应用,但是,当跳转到子级界面时,返回键依然是点击两次退出应用,如果我在子级界面再去监听返回键的时候,就又把导航页的返回事件覆原创 2020-08-05 13:44:40 · 761 阅读 · 0 评论 -
react native 随手记之RSA加密解密
RSA加密解密安装 yarn add jsencrypt导入 import 'jsencrypt';加密/解密 /** * 加密 */ encrypt() { let encrypt = new JSEncrypt(); encrypt.setPublicKey(PUB_KEY); let encrypted = encrypt.encrypt(this.state.data); th原创 2020-07-31 15:32:33 · 393 阅读 · 0 评论 -
react native关于FlatList的随手记
FlatList注意:1. 滑出渲染区域后,内部状态不保留,请确保组件以外保留了数据 2. 为了优化内存占用同时保持滑动顺畅,列表内容会在屏幕外绘制,如果滑动速度超 过渲染速度,则会先看到空白内容 3. 继承自pureComponent 而非通常的Component,意味着props在浅比较中是相等的 则不会重新渲染 4. 默认情况下每行需要提供一个不重复的key属性,也可以提供一个keyExtractor函数来生成key1. itemSeparato原创 2020-07-29 17:10:15 · 498 阅读 · 0 评论 -
react native 关于StatusBar的随手记
# StatusBar##属性currentHeight状态栏高度注: 仅为Android平台属性animated是否以动画形式呈现(backgrounColor,barStyle,hidden)backgroundColor 状态栏背景色barStyle 状态栏文本颜色a: default 默认(Android:黑底白字,iOS:白底黑字)b: light-content 黑底白字c: dark-content 白底黑字hidden 是否隐藏原创 2020-07-20 14:51:43 · 216 阅读 · 0 评论