React-native
https://github.com/skywalk94/react-native-app-demo.git
明知山_
这个作者很懒,什么都没留下…
展开
-
Rn开发社区推荐组件
类型推荐组件构建工具expo导航@react-navigation/native安全区域react-native-safe-area-context图标@expo/vector-icons抽屉react-native-drawer-layoutTab选项react-native-tab-view手势react-native-gesture-handler动画react-native-reanimated页面滑动react-原创 2023-10-17 11:57:31 · 698 阅读 · 0 评论 -
Rn使用FlatList导航栏自动回到中间
【代码】Rn使用FlatList导航栏自动回到中间。原创 2023-10-10 15:33:59 · 1027 阅读 · 0 评论 -
Rn视图生成图片并保存到相册
【代码】Rn视图生成图片并保存到相册。原创 2023-09-15 15:08:03 · 401 阅读 · 0 评论 -
Rn页面滚动显示隐藏head动画
【代码】Rn页面滚动显示隐藏head动画。原创 2023-10-02 10:45:48 · 761 阅读 · 0 评论 -
Rn实现省市区三级联动
省市区三级联动选择是个很频繁的需求,但是查看了市面上很多插件不是太老不维护就是不满足需求,就试着实现一个。下面只贴了省市区选择的功能,全部代码可参考。功能略简单,但能实现需求。这个功能无任何依赖插件。核心代码也尽力控制在了。原创 2023-08-30 11:44:26 · 546 阅读 · 0 评论 -
Rn引入NativeBase组件库并自定义主题色
在查看expo文档的时候,发现它推荐了好几款组件库,我全部查看了一遍后,觉得NativeBase是比较好用的,且一直都在维护中,所以决定引入查看效果。原创 2023-05-11 13:41:05 · 783 阅读 · 1 评论 -
Rn引入react-native-debugger调试开发
本项目是由expo搭建的Rn项目首先要在电脑安装软件软件初始界面。原创 2023-05-06 11:45:57 · 806 阅读 · 0 评论 -
Rn封装底部弹窗组件
【代码】Rn封装底部弹窗组件。原创 2023-05-09 17:21:31 · 857 阅读 · 0 评论 -
Rn引入@ant-design/react-native组件库
文档地址下载ant-design组件库npm install @ant-design/react-native --save下载按需引入插件npm install babel-plugin-import -D在.babelrc 或babel-loader文件配置{ "plugins": [ ["import", { libraryName: "@ant-design/react-native" }] ]}链接到图标和字体npx react-native link随原创 2021-07-02 18:11:05 · 1341 阅读 · 0 评论 -
Rn引react-native-image-zoom-viewer图片预览
文档地址import React, { useState } from 'react';import { View, Button, Modal } from 'react-native';import ImageViewer from 'react-native-image-zoom-viewer';const images = [ { url: 'http://img.netbian.com/file/2021/0615/small7afca70a01630451d1c474fd318.原创 2021-07-02 15:12:14 · 962 阅读 · 2 评论 -
Rn引入react-native-image-picker图片上传
文档地址我使用的版本为4.0.4目前最新版本网上有些案例写法有很大不同,可能跟版本不同有关npm install react-native-image-picker -simport React, { useState } from 'react';import { View, Button, Image } from 'react-native';import { launchCamera, launchImageLibrary } from 'react-native-image-pic.原创 2021-07-01 16:55:50 · 556 阅读 · 0 评论 -
Rn使用drawer抽屉
npm install @react-navigation/drawer官方文档import React from 'react';import { View, Text, Button } from 'react-native';import { DrawerContentScrollView, createDrawerNavigator} from '@react-navigation/drawer';const Drawer = createDrawerNavigat.原创 2021-06-30 10:14:22 · 520 阅读 · 0 评论 -
Rn使用material-top-tabs导航滑动切换
安装之前请确保安装了这些依赖主要使用的插件依赖npm install @react-navigation/material-top-tabs react-native-tab-view@^2.16.0 详情请看官方文档使用方法import React from 'react';import { View, Text } from "react-native"import { createMaterialTopTabNavigator } from '@react-navigation/ma.原创 2021-06-30 10:00:31 · 2162 阅读 · 2 评论 -
Rn使用@react-navigation/native配置页面路由以及导航栏
reactnavigation官方文档依照文档说明需要安装以下依赖npm install @react-navigation/nativenpm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view安装主要的两个依赖页面导航npm install @.原创 2021-06-29 14:53:21 · 1491 阅读 · 0 评论 -
Rn配置项目名称和图标
修改名称找到项目android/app/src/main/res/values/strings.xml文件<resources> <string name="app_name">明知山</string></resources>修改图标替换android/app/src/main/res下所有对应的图标,名称完成跟它一样推荐图标生成网站图标工厂能自动生成各种格式的图标查看效果...原创 2021-06-29 09:27:14 · 250 阅读 · 0 评论 -
Rn搭建移动端App开发环境
直接推荐使用官方文档的搭建开发环境文档说明的已经很细致了这里主要注意的是安装Android Studio模拟机的问题,这里官方文档没有着重说明选择模拟器选择一个进行Download API Level对应你下载的android sdk版本Finish安装下载haxm点击运行会让你安装haxm installer 你需要去Github官方地址去下载开启虚拟化下载安装会提示你VT开启虚拟化技术检测你是否开启了虚拟化没有开启是安装不了的,需要去BIOS中开启,这里推荐查看 360操作说原创 2021-06-21 16:40:41 · 591 阅读 · 0 评论