H_Ydd-CSDN博客

原创 react native 添加启动页并解决启动白屏问题

react native 添加启动页一般实现方式有3种： 1，使用RN开源组件； 2，原生代码编写； 3，模拟启动页，这种方法基本就是replace路由栈：https://git.oschina.net/LC_github_io/MyReduxDemo我们之所以设置启动页，很大一部分原因是在启动页显示的

2017-08-31 11:55:45 4050 1

原创在码云上创建一个项目

如何在码云上创建一个项目：1、创建项目 2、本地初始化一个项目首先，你需要执行下面两条命令，作为 git 的基础配置，作用是告诉 git 你是谁，你输入的信息将出现在你创建的提交中。git config --global user.name "你的名字或昵称"git config --global user.email "你的邮

2017-08-30 16:47:15 1458

原创 react native 常用的第三方工具包

react native 常用的第三方工具包引导页1、https://github.com/remobile/react-native-splashscreen2、https://github.com/leecade/react-native-swiper页面导航1、https://github.com/exponentjs/react-

2017-08-30 16:40:03 891

原创 React Native高度自增长的TextInput组件

React Native高度自增长的TextInput组件:直接上代码： this.state = { comment:'', //文本输入框内容 placeholder: '说点什么吧~' , //提示内容 height: 40, //文本输入框初始高度 };

2017-08-24 17:12:43 760

原创 React Native实现图片文本混合显示

React Native实现图片文本混合显示。效果如下: ![这里写图片描述](http://img.blog.csdn.net/20170821153810852?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvSF9ZZGQ=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve

2017-08-21 15:38:59 4960 1

原创 react native Image全屏显示

react native Image全屏显示： source={require('../../mine/imgs/SH.png')} //静态图片路径 style={[styles.page]} />page: { width: deviceWidth, //设备宽(只是一种实现，

2017-08-17 17:09:29 3189 2

原创 react nativ react ImmutableJS

react nativ react ImmutableJS用react native 撸了一个APP，后来APP里面有分享页面然后又用react撸了一个WebApp。由于JS语言的灵活多变，为了不篡改原数据，在程序里面用了浅克隆甚至是深克隆（循环递归），克隆会造成性能瓶颈，资源浪费。后来为了优化性能就查资料找到了Immutable.js

2017-08-15 21:44:39 664

原创 react native Text实现限制行数不显示省略号，尾部直接截断

react native Text实现限制行数不显示省略号，尾部直接截断。直接在下一行加省号。效果如图： //超过三行就在底部加上省略号用传统的方法只能实现在尾部加省略号，不过现在新版的RN，ellipsizeMode 属性配上numberOfLines属性也能实现这样的效果。不过对于老版的RN就无能为力了。刚好用的老版RN又要实现这样的效果就查资料然后想了想，然后就实现了

2017-08-11 15:25:28 11831 1

原创 react native 仿微信朋友圈的评论自动定位

react native 仿微信朋友圈的评论自动定位constructor(props) { //es6 构造方法 super(props); this.rowlayouts=[]; this.scrollview = null; this.scrollview1 = null; this.

2017-08-08 16:42:12 1981 1

原创 react native 获取控件本身的高度

react native 获取控件本身的高度 onLayout={(e) => this.rowlayouts= e.nativeEvent.layout}/>this.rowlayouts.height //拿到当前控件的高度//准备工作好了，下节讲仿微信朋友圈自动定位的实现

2017-08-08 16:34:44 2604

原创 react native 获取控件在手机屏幕中的位置

react native 获取当前控件在屏幕中的位置。 ref={(r) => this.scrollview = r} //得到当前对象组件/>componentDidMount() { //控件加载完后 UIManager.measureInWindow( //获得位置是绝对位置

2017-08-08 16:20:25 2451

原创 react native 获取键盘高度

利用现在新版react native 提供的接口Keyboard可以直接获取键盘高度，当然以前老版的没有这个接口，查看源码也可以找到对应的实现。 componentWillMount () { //将要加载控件 this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', this._keyboar

2017-08-08 16:00:54 3122

原创 react native ，隐藏TextInput

动态控制文本输入框的显示与隐藏为后面实现仿微信朋友圈constructor(props) { es6的写法 super(props); this.state = { TextInputShow:false, //根据TextInputShow的值来控制底部文本输入框的显示和隐藏 text:'

2017-08-08 15:37:27 1490

原创 react native ScrollView自动滑动到顶部

react-native 自动滚到屏幕顶部，模仿微信朋友圈评论自动定位<ScrollViewshowsVerticalScrollIndicator={false}style={[styles.column,styles.Flex]}ref={(r) => this.scrollview = r}//当控件被创建后将ScrollView这个对象的引用就传

2017-08-08 11:26:29 3323 1

原创 TextInput 主动得到焦点弹出键盘

输入框主动得到焦点。键盘自动弹出

2017-08-08 10:03:16 4395

H_Ydd的博客