dabusidede的博客

啥也不说，上代码动画组件import React from 'react';import { Animated, View, StyleSheet, findNodeHandle, UIManager} from 'react-native';interface Props { // 如果标识值不同，组件将执行动画 sign: string}export default class TransitionAnimation extends React.

ReactNative事件处理流程在事件处理中，每个事件只能由一个组件处理，如组件C处理了事件，那么AB就不会处理这个事件了示例：如果发送一个触摸或移动事件，执行流程如下1.询问谁要处理这个事件1)询问谁要拦截这个事件调用A的onStartShouldSetResponderCapture，如果返回true，则由A处理这个事件，否则调用B的onStartShouldSetResponderCapture，然后C的…如果没有组件拦截则进入下步2）询问谁要处理这个事件调用C的onStartSh

使用RefreshControl实现下拉刷新，这一组件可以用在 ScrollView 或 FlatList 内部，为其添加下拉刷新的功能。import React from 'react';import { ScrollView, RefreshControl } from 'react-native'export default class Component extends React.Component { state = { refreshing: false }

安装包react-native-webview简单示例import React from 'react'import WebView from 'react-native-webview'class Component extends React.Component { createHtml() { return ` <div id="canvas" style=""></div> <script>

安装包npm install react-native-fs --saveLinkreact-native link react-native-fs简单示例再assets目录下添加一个文件config.json读取文件import RNFS from ‘react-native-fs’;RNFS.readFileAssets(‘config.json’).then((result) => {let config = JSON.parse(result);setBaseUrl(co

生成一个签名密钥1.管理员运行cmd2.进入C:\Program Files\Java\jdk1.8.0_181\bin3.执行keytool -genkey -v -keystore iceemblem-release-key.keystore -alias iceemblem-key-alias -keyalg RSA -keysize 2048 -validity 10000执行该命令会配置密钥库口令和密钥口令，请保管好口令该命令会生成iceemblem-release-key.keysto

链接模拟器后，我们可以使用如下命令监听模拟器程序的输出日志cmd下执行如下命令，该命令将模拟器的日志输出到d盘log.txt中adb logcat > d:log.txt如下日志输出其中开头字母如下：V — 明细 (最低优先级)D — 调试I — 信息W — 警告E — 错误F — 严重错误S — 无记载 (最高优先级，没有什么会被记载)...

发布前检查再发布前我们应该运行如下命令，确保可以再发布版本上运行react-native run-android --variant=release查看输出日志有时候程序闪退，我们无法指定错误原因cmd下执行如下命令，该命令将模拟器的日志输出到d盘log.txt中adb logcat > d:log.txt按ctrl+c结束监听...

样式要从StyleSheet.create创建不要使用如下的样式原因：性能<Text style={{...}}>{data.smallText}</Text>使用示例：// 生成样式const styles = StyleSheet.create({ text: { fontWeight: '600' }});样式没有px，rem等如，reactnative不使用单位错误示例： fontSize: ‘27px’正确示例： f

安装包npm install react-native-web --save配置webpackresolve: {alias: {// 这里会将 import … ‘react-native’ 替换为 ‘react-native-web’‘react-native’: ‘react-native-web’,}}运行webpack打包即可完美

以下使用vscode安装环境1.Vscode安装扩展插件React Native Tools2.安装nodejs3.安装 jdk1.8（也称为jdk 8）配置jdk的系统变量：JAVA_HOME: C:\Program Files\Java\jdk1.8.0_181新增jdk环境变量：%JAVA_HOME%\bin4.安装 安卓模拟器，这里使用 夜神模拟器5.安装Android Studio，安装Android Studio的目的是为了安装Android SDK 28，和其他东东安