概述ScrollView在Android和ios原生开发中都比较常见，是一个滚动视图控件。在RN开发中，系统也给我们提供了这么一个控件。不过在RN开发中 ，使用ScrollView必须有一个确定的高度才能正常工作，因为它实际上所做的就是将一系列不确定高度的子组件装进一个确定高度的容器（通过滚动操作...
一、概述react-native-scrollable-tab-view 标签导航组件可实现点击切换，每个 tab 可以有自己的 ScrollView，点击切换的时候可以维护自己的滚动方向。二、使用react-native-scrollable-tab-view插件1、通过npm将插件加入项目n...
1. 概述除了正常运行模式，ECMAscript 5添加了第二种运行模式：”严格模式”（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。2. 为什么用严格模式设立"严格模式"的目的，主要有以下几个：消除Javascript语法的一些不合理、不严谨之处，减少...
前言在React或React-native的点击事件中，会经常用到bind(this)。比如说一个简单的React-native点击组件：export default class AwesomeProject extends Component { constructor(props){ ...
问题描述在RN Android开发过程中，测试机突然报如下错误信息：问题分析红屏给出的解决方案翻译过来如下：请按照以下的步骤来修复此问题：确保包服务器在运行确保你的设备或者模拟器连接着电脑，并且手机打开了USB调试模式，然后在cmd中运行adb devices来查看已经连接好的设备列表确保飞行模...
前言在做RN App开发过程中离不了用户交互，在React Native中没有专门的按钮组件。为了让视图能够响应用户的点击事件，我们需要借助Touchablexxx组件，来包裹我们的视图。为什么说是Touchablexxx呢，因为它不只是一个组件，而是一组组件，以下四个组件都可以用来包裹视图来响...
问题描述在RN开发过程中，项目运行在android平台时报如下错误信息：TypeError: expected dynamic type int64', but has type 'null'初次接触该类型问题，一脸懵。问题分析{ (()=>{ return this.state.da...
一、简介刷新功能在数据更新的时候很常用，它对用户有一个非常明显的数据正在更新的提示信息。ReactNative中提供了RefreshControl组件来实现这个刷新功能。RefreshControl组件可以用在ScrollView或ListView内部，为其添加下拉刷新的功能。当ScrollVie...
概述所谓生命周期，就是一个对象从开始生成到最后消亡所经历的状态，理解生命周期，是合理开发的关键。RN 组件的生命周期整理如下图：如图，可以把组件生命周期大致分为三个阶段：第一阶段：是组件第一次绘制阶段，如图中的上面虚线框内，在这里完成了组件的加载和初始化；第二阶段：是组件在运行和交互阶段，如图中...
文章目录简介应用 简介第三方组件库react-native-tab-navigator是用于在场景之间切换的选项卡栏，用JS编写以提供跨平台支持。它适用于iOS和Android。该组件与React Native 0.16和更高版本兼容。外观与本地导航器略有不同，但在某些方面会更好。也是纯JavaSc...
在RN开发过程中，执行react-native run-android命令之后，报如下错信息：Error:Could not resolve all dependencies for configuration ':app:debugRuntimeClasspath' 解决措施在项目的build....
TabNavigator 即 Tab 选项卡TabNavigator(RouteConfigs, TabNavigatorConfig) 1api和 StackNavigator 类似，参数 RouteConfigs 是路由配置，参数 TabNavigatorConfig是Tab选项卡配置。如果要实...
文章目录前言总览StackNavigator 导航栏StackNavigatorConfig 导航器配置navigationOptions 为对应路由页面的配置选项navigation 控制页面跳转页面跳转，传值，回调传参回调传参TabNavigator 即 Tab 选项卡RouteConfigs...
Java世界中主要有三大构建工具：Ant、Maven和Gradle。经过几年的发展，Ant几乎销声匿迹、Maven也日薄西山，而Gradle的发展则如日中天。Maven的主要功能主要分为五点：依赖管理系统、多模块构建、一致的项目结构、一致的构建模型和插件机制。我们可以从这五个方面来分析一下Gradl...
一、基本介绍1，属性确认的作用使用 React Native 创建的组件是可以复用的，所以我们开发的组件可能会给项目组其他同事使用。但别人可能对这个组件不熟悉，常常会忘记使用某些属性，或者某些属性传递的数据类型有误。因此我们可以在开发 React Native 自定义组件时，可以通过属性确认来声明这...
前言数据持久化一直都是软件开发中重要的一个环节，几乎所有的应用都具备这一项功能；那什么是数据持久化呢？—— 说白了就是数据的本地化存储，将数据存储到本地，在需要的时候进行调用。本文介绍两种在 React-Native 中比较常用的存储方式：AsyncStorage及Realm。AsyncStorag...
realm 是一款专为移动端开发的高性能数据库，其宣称自己是最快的 react-native 数据库。realm 优点如下：简单易用；跨平台；快速，性能优越；提供高级功能。realm 核心数据引擎用 C++ 打造，并不是建立在 SQLite 之上的 ORM。因此性能就是比普通的 ORM 要快很多，甚...
一、WebView组件介绍使用 WebView 组件我们可以通过 url 来加载显示一个网页，也可以传入一段 html 代码来显示。下面对其主要属性和方法进行介绍。1. 主要属性source：在 WebView 中载入一段静态的 html 代码或是一个 url（还可以附带一些 header 选项）；...
AppRegistry简介每一个应用程序的运行都需要有一个入口文件或者入口函数，而在React Native 中，AppRegistry是RN应用的入口函数。AppRegistry负责注册运行React Native应用程序的JaveScript入口，程序入口组件使用AppRegistry.regi...
普通写法原来在组件中connect连接redux的写法是:import { connect } from 'react-redux';import { start, stop, reset } from './actions';class Home extends Component { .....
![分析解决--[Android] TypeError: expected dynamic type int64‘, but has type ‘null‘报错](/files/default/2021/05-13/105245deb8a8701840.png)
