
react-native
文章平均质量分 61
14梧桐雨
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
rn 加载gif图片
js 层创建文件夹img在Android app build.gradlew中dependencies { // For animated GIF support compile 'com.facebook.fresco:animated-gif:0.13.0'}原创 2017-01-09 15:01:33 · 3313 阅读 · 0 评论 -
react native ios 解决键盘无法隐藏
最近在开发RN时遇到这样一种情况,页面上方有个数字类型的输入框(keyboardType="numeric"),点开之后把页面底部的提交按钮给遮蔽了,但是IOS的数字键盘没有收缩功能,导致一点开就无法进行操作了,如图: 因此需要在用户点击空白处时把键盘隐藏,可以使用如下的方法:const dismissKeyboard = require('dismissKeyboard'转载 2017-01-17 15:10:30 · 1348 阅读 · 0 评论 -
React Native开发之动画(Animations)
博主这个系列的文章React Native开发之IDE(Atom+Nuclide)React Native开发之FlexBox代码+图解React Native的Navigator详解另外,我在Github上建立了一个仓库来搜集优秀的React Native库和优秀的博客等ReactNativeMaterials资料官方关于动画的介绍官方给出的复杂动画的转载 2017-01-12 15:03:21 · 712 阅读 · 0 评论 -
图片平移实现水波动画
import React, { Component } from 'react';import { AppRegistry, StyleSheet, Text, View, Image, Dimensions, Animated, Navigator, DeviceEventEmitter, A原创 2017-01-16 17:24:38 · 742 阅读 · 1 评论 -
水波
import React, { Component } from 'react';import { StyleSheet, View, ART} from 'react-native';const {Surface, Shape, Path, Text, Group} = ART;var TimerMixin = require ('rea原创 2017-01-16 17:06:19 · 459 阅读 · 0 评论 -
react native ios 解决键盘无法隐藏
最近在开发RN时遇到这样一种情况,页面上方有个数字类型的输入框(keyboardType="numeric"),点开之后把页面底部的提交按钮给遮蔽了,但是IOS的数字键盘没有收缩功能,导致一点开就无法进行操作了,如图: 因此需要在用户点击空白处时把键盘隐藏,可以使用如下的方法:const dismissKeyboard = require('dismissKeyboard'转载 2017-01-16 14:43:49 · 2577 阅读 · 0 评论 -
直接操作
DOM节点:根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:整个文档是一个文档节点每个 HTML 元素是元素节点HTML 元素内的文本是文本节点每个 HTML 属性是属性节点注释是注释节点直接操作有时候我们需要直接改动组件并触发局部的刷新,但不使用state或是props。譬如在浏览器中使用React库,有时候会需要直接修改一个DOM节转载 2017-01-16 14:32:28 · 468 阅读 · 0 评论 -
React Native 实现二维码扫描
最近刚好在学习 React Native 想搞个扫描条形码,二维码的小应用,因为涉及硬件接口,而且自己本身并没有原生开发背景,踩了几个坑,记录一下。https://gold.xitu.io/user/577627c3a633bd00570a6ced扫描二维码首先当然是 google 一下看看是否有现成的 React Native 库支持二维码,感谢最大的同性交友网站 GitHu转载 2017-01-10 18:47:11 · 560 阅读 · 0 评论 -
详解React Native动画
大多数情况下,在 React Native 中创建动画是推荐使用 Animated API 的,其提供了三个主要的方法用于创建动画:Animated.timing() -- 推动一个值按照一个过渡曲线而随时间变化。Easing 模块定义了很多缓冲曲线函数。Animated.decay() -- 推动一个值以一个初始的速度和一个衰减系数逐渐变为0。Animated.spr转载 2017-01-10 14:27:32 · 551 阅读 · 0 评论 -
react-native-Art动画基础
react-native-Art动画基础作者:tiem_erhu一:基础: ART:暴露了七个组件: ● Surface - 一个矩形可渲染的区域,是其他元素的容器! ● Group - 可容纳多个形状、文本和其他的分组 ● Shape - 形状定义,可填充 ● Text - 文本形状定义 props ● Surface ○ width : 渲染转载 2017-01-09 15:11:04 · 431 阅读 · 0 评论 -
ReactNative Android 白屏问题
使用 React Native 开发混合应用的过程中,我们在打完 bundle 进 release 包后,会发现第一次进入页面(React 的 Activity)会有一个短暂的白屏过程(在真机上近 1秒,在模拟器上比较快,在 200毫秒 左右),而且在完全退出后再进入,仍然会有这个白屏。仔细查看加载过程(其实猜猜都能知道)后可以发现,这个过程就是在加载我们的 js bundle,通常即便是转载 2017-01-19 10:20:52 · 636 阅读 · 0 评论