react-native
G-shitou
坚持!
展开
-
react-native 安卓设置启动屏
添加启动页可以使用react-native-splash-screen库,通过它可以控制启动页的显示和隐藏。安装// react-native 6.0以上版本不用手动linkyarn add react-native-splash-screen安卓配置在MainActivity.java文件下添加以下代码:...import android.os.Bundle; import o...原创 2020-04-03 20:29:14 · 610 阅读 · 0 评论 -
react-native 日常问题记录(不定时更新)
本文主要记录使用 react-native 的过程中的一些问题和需要注意的地方,持续更新。FlatList滚动事件ScrollView与FlatList是父子关系,在ScrollView中滚动事件用 onScroll 监听,所以在 FlatList 中可以用onScroll监听<FlatList ref={(flatList)=>this._flatList = flatLis...原创 2020-04-03 19:42:47 · 340 阅读 · 0 评论 -
React-Native 写的 android 应用
先上效果图前言一次偶然的机会浏览了 玩Android 官网,发现网站还开放了API,看到项目分类里分享了很多用各种各样的技术做的Android客户端,于是我有了写一个android项目的念头,也为了熟悉React-native。第一次使用 react-native,对于项目中不合理的地方,欢迎各位大佬提意见,也欢迎大家多多交流。相关链接功能介绍首页Banner各分类下的文章和项目列表...原创 2020-03-19 18:51:05 · 319 阅读 · 0 评论 -
react-native 使用 code-push 热更新
1. 全局安装code-push-clinpm install -g code-push-cli2. 注册code-push帐号code-push registerPlease login to Mobile Center in the browser window we've just opened.Enter your token from the browser: #会弹出一...原创 2020-03-19 12:56:14 · 351 阅读 · 0 评论 -
CodePush 热更新之自定义更新弹框及下载进度
code-push的提示面板可能不符合产品设计的要求,这时就需要我们去自定义一个更新提示框。下面是一个简单的例子:1. 检查是否需要更新首先判断是否需要更新,如果有新版本,显示更新面板,根据用户行为执行后续操作。import CodePush from "react-native-code-push";const CodePushOptions = { checkFrequency: C...原创 2020-03-19 12:51:32 · 1277 阅读 · 0 评论 -
CodePush热更新常用命令
1. 账户相关code-push login 登陆code-push loout 注销code-push access-key ls 列出登陆的tokencode-push access-key rm <accessKye> 删除某个 access-key2. app 操作相关code-push app add <appName> <platform&g...原创 2020-03-19 12:04:20 · 577 阅读 · 0 评论 -
React-Navigation 5.X 学习记录(三)------ DrawerNavigator 篇
导航中的常见模式是从左侧(有时是右侧)使用抽屉在屏幕之间导航。安装yarn add @react-navigation/drawer使用如果您看了上一章节点击此处查看或者您之前使用过,那么您对React-Navigation有了一定的了解,下面请看一段关于DrawerNavigator的代码。import * as React from 'react';import { Button...原创 2020-03-01 21:42:39 · 2026 阅读 · 0 评论 -
React-Navigation 5.X 学习记录(二)------ TabNavigator 篇
文章只涵盖createBottomTabNavigator。您还可以使用createMaterialBottomTabNavigator和createMaterialTopTabNavigator在应用程序中添加标签。在继续之前,请先安装@react-navigation/bottom-tabs安装...原创 2020-03-01 21:12:56 · 2159 阅读 · 0 评论 -
React-Navigation 5.X 学习记录(一)------ StackNavigator 篇
安装react-navigation 5 将各个导航部分独立出来了,安装需要一个一个安装。// 安装react-navigationyarn add @react-navigation/native// 安装依赖库yarn add react-native-gesture-handler react-native-reanimated react-native-screens react...原创 2020-03-01 16:54:47 · 2914 阅读 · 2 评论