react native
探索学习react native
tengyuxin
1.坚持阅读元知识文档
2. 确定理解力 优先 纪录
3. 重点记录自己思考后抽象出的知识之间的逻辑关系
展开
-
RN 使用FlatList组件 一行显示 两列内容
需求:我在移动端分页请求书籍列表数据,移动端的操作方式,多数是上拉加载,下拉刷新,选择FlatList组件的原因,它可以内部处理 随着数据增加,而产生的渲染性能问题。原创 2022-08-12 17:47:43 · 877 阅读 · 0 评论 -
react native Failed to launch emulator No emulators found as an output of `emulator -list-avds`
使用react native 真机调试,在启动项目时报错:Failed to launch emulator(无法启动模拟器),我使用的红米note11 ,真机调试需要准备如下。后来我再开关几下,usb调试,再测试就管用了。我现在做了这些准备,依旧报错,真的很奇怪。第一 调到开发者模式。第二 允许USB调试。...原创 2022-08-11 20:28:07 · 1435 阅读 · 0 评论 -
react native 自定义对话框 替代Alert
对话框的问题:是一个很常见的问题,比如说删除时,就要询问用户,是否确认删除,这是为了避免用户误操作,使用react native时总想到的时用alert去写,实际上alert的样式在Android根本无法修改,所以如果是为了实现对话框,根本就可以完全不用Alert,而改用Modal,我们自己写一个满意的对话框就好了。下面就是借用react-native-modal 组件修改出来的对话框import React from "react";import { Text, View, Style原创 2022-05-04 12:34:02 · 1158 阅读 · 0 评论 -
react native 用真机 redmi note 11 调试 关闭 安装时弹出的询问的安装窗口 ,直接安装
其实很简单,在开发者选项中 -> 启动MIUI优化 ->关闭通过USB安装就不会有确认弹窗了ps:启动MIUI优化 选项,在开发者选项的最下方原创 2022-04-27 09:05:43 · 316 阅读 · 0 评论 -
学习 react-native-sqlite-storage 案例
一、开发环境react native 的 Android环境react native 版本 0.63.4二、介绍如何使用官网案例该库的github地址进入官网后,文档说明RN版本大于 0.60 不需要额外配置什么,直接在上面找 test 文件,进入后z粘贴 index.android.json1.js文件里面的代码三、 跑项目会出现JSON_OBJECT 错误具体原因官网有解释:详细解释简单就是说JSON 支持仅适用于 Android 原生,不适用RN的Android原创 2022-03-30 11:34:46 · 2600 阅读 · 0 评论 -
react-native-swipe-list-view 对官方文档详细解释
前言:技术在vue和react体系来回切换,也在js和java来回切换,还有一个会开3个多小时,真的影响持续成长。遗忘代码会使我的信心受损、不自信、觉得技术差,这个心理问题,解决的办法,就是彻底掌握学的知识点。我不想写垃圾博客,照搬文档,那样毫无意义。github上的API地址:jemise111/react-native-swipe-list-view...原创 2022-03-02 22:25:52 · 913 阅读 · 0 评论 -
vscode 连接夜神模拟器 运行 react native项目 (很简单的方法)
前言:我这种方式不需要过多配置,只是需要先启动Android studio ,之后再启动vsCode准备阶段:下载夜神模拟器1. 开启夜神服务进入到夜神安装的bin目录下,执行nox_adb.exe connect 127.0.0.1:620012. 修改为手机模式点击夜神模拟器(不是夜神多开器),开启的默认为平板版模式,将其修改为手机模式3. 将夜神设置为开发者模式在首页点击工具,进入设置,第一,滑到关于平板电脑,进去连续点击版本号,直到进入开发者..原创 2022-01-20 17:47:09 · 2518 阅读 · 0 评论 -
react-native-image-crop-picker
前言:为了满足app上传头像的需求,要从相册里取出一张图片然后进行裁剪,最后上传。一、安装yarn add react-native-image-crop-picker运行项目时,检查一下/android/build.gradle 文件,查看gradle版本,如果运行报错:nexpected element <queries> found in <manifest>,就要升级gradledependencies { //3.5.3是不行的可以一直升级到4.2.2 ,原创 2022-01-16 14:12:05 · 3186 阅读 · 1 评论 -
react native 直传 阿里云 OSS云存储
准备:在阿里云官网购买OSS云存储服务具体我这里不说明,可以看这个博客一看就懂:阿里云 OSS_小白一个-CSDN博客_阿里云oss ,这个有一定参考价值,可以先免费试用一个月,各种权限要给全哈开发环境:后端 springboot 2.5.2前端 react native 0.63.4 (如果你是其它端,逻辑上都通用)从react native 端直传 到OSS 流程图一、后端 SpringBoot 环境搭建阿里云OSS对象存储官方文档1. 导入阿里云依赖.原创 2022-01-07 11:08:54 · 1909 阅读 · 1 评论 -
react native 上拖拽元素
目录1. 给一张效果图2. 具体代码如下3. 点击这个可拖拽的按钮,让onPress生效1. 给一张效果图2. 具体代码如下使用的就是react native里面的PanResponder,具体使用看 官网这里主要两个知识点Animated 和 panResponder,我在componentDidMount初始 panResponderimport React from 'react';import { PanResponder, Animated,To..原创 2021-12-15 17:26:51 · 1768 阅读 · 0 评论