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 --save Link react-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.管理员运行cmd 2.进入C:\Program Files\Java\jdk1.8.0_181\bin 3.执行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 配置webpack resolve: { alias: { // 这里会将 import … ‘react-native’ 替换为 ‘react-native-web’ ‘react-native’: ‘react-native-web’, } } 运行webpack打包即可 完美

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