<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[H_Ydd的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/H_Ydd</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; H_Ydd]]></copyright><item><title><![CDATA[react native 添加启动页并解决启动白屏问题]]></title><link>https://blog.youkuaiyun.com/H_Ydd/article/details/77744555</link><guid>https://blog.youkuaiyun.com/H_Ydd/article/details/77744555</guid><author>H_Ydd</author><pubDate>Thu, 31 Aug 2017 11:55:45 +0800</pubDate><description><![CDATA[react native 添加启动页
      一般实现方式有3种：
          1，使用RN开源组件；
          2，原生代码编写；
         3，模拟启动页，这种方法基本就是replace路由栈：
https://git.oschina.net/LC_github_io/MyReduxDemo


我们之所以设置启动页，很大一部分原因是在启动页显示的]]></description><category></category></item><item><title><![CDATA[在码云上创建一个项目]]></title><link>https://blog.youkuaiyun.com/H_Ydd/article/details/77718739</link><guid>https://blog.youkuaiyun.com/H_Ydd/article/details/77718739</guid><author>H_Ydd</author><pubDate>Wed, 30 Aug 2017 16:47:15 +0800</pubDate><description><![CDATA[如何在码云上创建一个项目：
1、创建项目
       
      
  


2、本地初始化一个项目

首先，你需要执行下面两条命令，作为 git 的基础配置，作用是告诉 git 你是谁，你输入的信息将出现在你创建的提交中。
git config --global user.name "你的名字或昵称"
git config --global user.email "你的邮]]></description><category></category></item><item><title><![CDATA[react native 常用的第三方工具包]]></title><link>https://blog.youkuaiyun.com/H_Ydd/article/details/77718589</link><guid>https://blog.youkuaiyun.com/H_Ydd/article/details/77718589</guid><author>H_Ydd</author><pubDate>Wed, 30 Aug 2017 16:40:03 +0800</pubDate><description><![CDATA[react native 常用的第三方工具包



引导页
1、
https://github.com/remobile/react-native-splashscreen
2、
https://github.com/leecade/react-native-swiper




页面导航
1、
https://github.com/exponentjs/react-]]></description><category></category></item><item><title><![CDATA[React Native高度自增长的TextInput组件]]></title><link>https://blog.youkuaiyun.com/H_Ydd/article/details/77532730</link><guid>https://blog.youkuaiyun.com/H_Ydd/article/details/77532730</guid><author>H_Ydd</author><pubDate>Thu, 24 Aug 2017 17:12:43 +0800</pubDate><description><![CDATA[React Native高度自增长的TextInput组件:
直接上代码：
   this.state = {
           comment:'',   //文本输入框内容     
           placeholder: '说点什么吧~' ,  //提示内容
           height: 40,  //文本输入框初始高度
        };]]></description><category></category></item><item><title><![CDATA[React Native实现图片文本混合显示]]></title><link>https://blog.youkuaiyun.com/H_Ydd/article/details/77450525</link><guid>https://blog.youkuaiyun.com/H_Ydd/article/details/77450525</guid><author>H_Ydd</author><pubDate>Mon, 21 Aug 2017 15:38:59 +0800</pubDate><description><![CDATA[React Native实现图片文本混合显示。
 效果如下:
         ![这里写图片描述](http://img.blog.youkuaiyun.com/20170821153810852?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvSF9ZZGQ=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve]]></description><category></category></item><item><title><![CDATA[react native Image全屏显示]]></title><link>https://blog.youkuaiyun.com/H_Ydd/article/details/77336249</link><guid>https://blog.youkuaiyun.com/H_Ydd/article/details/77336249</guid><author>H_Ydd</author><pubDate>Thu, 17 Aug 2017 17:09:29 +0800</pubDate><description><![CDATA[react native Image全屏显示：
   
          source={require('../../mine/imgs/SH.png')}    //静态图片路径
          style={[styles.page]}
   />


page: {  
             width: deviceWidth,    //设备宽(只是一种实现，]]></description><category></category></item><item><title><![CDATA[react nativ react ImmutableJS]]></title><link>https://blog.youkuaiyun.com/H_Ydd/article/details/77200509</link><guid>https://blog.youkuaiyun.com/H_Ydd/article/details/77200509</guid><author>H_Ydd</author><pubDate>Tue, 15 Aug 2017 21:44:39 +0800</pubDate><description><![CDATA[react nativ react ImmutableJS
用react native 撸了一个APP，后来APP里面有分享页面然后又用react撸了一个WebApp。
由于JS语言的灵活多变，为了不篡改原数据，在程序里面用了浅克隆甚至是深克隆（循环递归），克隆会造成性能瓶颈，资源浪费。
后来为了优化性能就查资料找到了Immutable.js]]></description><category></category></item><item><title><![CDATA[react native Text实现限制行数不显示省略号，尾部直接截断]]></title><link>https://blog.youkuaiyun.com/H_Ydd/article/details/77098093</link><guid>https://blog.youkuaiyun.com/H_Ydd/article/details/77098093</guid><author>H_Ydd</author><pubDate>Fri, 11 Aug 2017 15:25:28 +0800</pubDate><description><![CDATA[react native Text实现限制行数不显示省略号，尾部直接截断。直接在下一行加省号。 
效果如图：
   //超过三行就在底部加上省略号
用传统的方法只能实现在尾部加省略号，不过现在新版的RN，ellipsizeMode 属性配上
numberOfLines属性 也能实现这样的效果。不过对于老版的RN就无能为力了。刚好用的老版RN又要实现这样的效果就查资料然后想了想，然后就实现了]]></description><category></category></item><item><title><![CDATA[react native 仿微信朋友圈的评论自动定位]]></title><link>https://blog.youkuaiyun.com/H_Ydd/article/details/76917915</link><guid>https://blog.youkuaiyun.com/H_Ydd/article/details/76917915</guid><author>H_Ydd</author><pubDate>Tue, 08 Aug 2017 16:42:12 +0800</pubDate><description><![CDATA[react native 仿微信朋友圈的评论自动定位
constructor(props) {    //es6 构造方法
        super(props);
        this.rowlayouts=[]; 
        this.scrollview = null;
        this.scrollview1 = null;   
        this.]]></description><category></category></item><item><title><![CDATA[react native 获取控件本身的高度]]></title><link>https://blog.youkuaiyun.com/H_Ydd/article/details/76917234</link><guid>https://blog.youkuaiyun.com/H_Ydd/article/details/76917234</guid><author>H_Ydd</author><pubDate>Tue, 08 Aug 2017 16:34:44 +0800</pubDate><description><![CDATA[react native 获取控件本身的高度

       onLayout={(e) => this.rowlayouts= e.nativeEvent.layout}

/>


this.rowlayouts.height   //拿到当前控件的高度



//准备工作好了，下节讲仿微信朋友圈自动定位的实现]]></description><category></category></item><item><title><![CDATA[react native 获取控件在手机屏幕中的位置]]></title><link>https://blog.youkuaiyun.com/H_Ydd/article/details/76915876</link><guid>https://blog.youkuaiyun.com/H_Ydd/article/details/76915876</guid><author>H_Ydd</author><pubDate>Tue, 08 Aug 2017 16:20:25 +0800</pubDate><description><![CDATA[react native 获取当前控件在屏幕中的位置。

                     ref={(r) => this.scrollview = r}  //得到当前对象组件
/>

componentDidMount() {  //控件加载完后
            UIManager.measureInWindow(    //获得位置是绝对位置
        ]]></description><category></category></item><item><title><![CDATA[react native 获取键盘高度]]></title><link>https://blog.youkuaiyun.com/H_Ydd/article/details/76914355</link><guid>https://blog.youkuaiyun.com/H_Ydd/article/details/76914355</guid><author>H_Ydd</author><pubDate>Tue, 08 Aug 2017 16:00:54 +0800</pubDate><description><![CDATA[利用现在新版react native 提供的接口Keyboard可以直接获取键盘高度，当然以前老版的没有这个接口，查看源码也可以找到对应的实现。

  componentWillMount () {  //将要加载控件
    this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', this._keyboar]]></description><category></category></item><item><title><![CDATA[react native ，隐藏TextInput]]></title><link>https://blog.youkuaiyun.com/H_Ydd/article/details/76911514</link><guid>https://blog.youkuaiyun.com/H_Ydd/article/details/76911514</guid><author>H_Ydd</author><pubDate>Tue, 08 Aug 2017 15:37:27 +0800</pubDate><description><![CDATA[动态控制文本输入框的显示与隐藏为后面实现仿微信朋友圈
constructor(props) {    es6的写法
        super(props);
        this.state = {

             TextInputShow:false,  //根据TextInputShow的值来控制底部文本输入框的显示和隐藏
             text:']]></description><category></category></item><item><title><![CDATA[react native  ScrollView自动滑动到顶部]]></title><link>https://blog.youkuaiyun.com/H_Ydd/article/details/76889614</link><guid>https://blog.youkuaiyun.com/H_Ydd/article/details/76889614</guid><author>H_Ydd</author><pubDate>Tue, 08 Aug 2017 11:26:29 +0800</pubDate><description><![CDATA[react-native 自动滚到屏幕顶部，模仿微信朋友圈评论自动定位


<ScrollView

showsVerticalScrollIndicator={false}

style={[styles.column,styles.Flex]}

ref={(r) => this.scrollview = r}

//当控件被创建后将ScrollView这个对象的引用就传]]></description><category></category></item><item><title><![CDATA[TextInput 主动得到焦点弹出键盘]]></title><link>https://blog.youkuaiyun.com/H_Ydd/article/details/76877963</link><guid>https://blog.youkuaiyun.com/H_Ydd/article/details/76877963</guid><author>H_Ydd</author><pubDate>Tue, 08 Aug 2017 10:03:16 +0800</pubDate><description><![CDATA[输入框 主动得到焦点。键盘自动弹出]]></description><category></category></item></channel></rss>