react native
H_Ydd
这个作者很懒,什么都没留下…
展开
-
react native ,隐藏TextInput
动态控制文本输入框的显示与隐藏为后面实现仿微信朋友圈constructor(props) { es6的写法 super(props); this.state = { TextInputShow:false, //根据TextInputShow的值来控制底部文本输入框的显示和隐藏 text:'原创 2017-08-08 15:37:27 · 1475 阅读 · 0 评论 -
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 · 881 阅读 · 0 评论 -
react native Text实现限制行数不显示省略号,尾部直接截断
react native Text实现限制行数不显示省略号,尾部直接截断。直接在下一行加省号。 效果如图: //超过三行就在底部加上省略号用传统的方法只能实现在尾部加省略号,不过现在新版的RN,ellipsizeMode 属性配上numberOfLines属性 也能实现这样的效果。不过对于老版的RN就无能为力了。刚好用的老版RN又要实现这样的效果就查资料然后想了想,然后就实现了原创 2017-08-11 15:25:28 · 11787 阅读 · 1 评论 -
React Native高度自增长的TextInput组件
React Native高度自增长的TextInput组件:直接上代码: this.state = { comment:'', //文本输入框内容 placeholder: '说点什么吧~' , //提示内容 height: 40, //文本输入框初始高度 };原创 2017-08-24 17:12:43 · 746 阅读 · 0 评论 -
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 · 4914 阅读 · 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 · 3172 阅读 · 2 评论 -
react native 仿微信朋友圈的评论自动定位
react native 仿微信朋友圈的评论自动定位constructor(props) { //es6 构造方法 super(props); this.rowlayouts=[]; this.scrollview = null; this.scrollview1 = null; this.原创 2017-08-08 16:42:12 · 1968 阅读 · 1 评论 -
react native 获取控件本身的高度
react native 获取控件本身的高度 onLayout={(e) => this.rowlayouts= e.nativeEvent.layout}/>this.rowlayouts.height //拿到当前控件的高度//准备工作好了,下节讲仿微信朋友圈自动定位的实现原创 2017-08-08 16:34:44 · 2591 阅读 · 0 评论 -
react native 获取控件在手机屏幕中的位置
react native 获取当前控件在屏幕中的位置。 ref={(r) => this.scrollview = r} //得到当前对象组件/>componentDidMount() { //控件加载完后 UIManager.measureInWindow( //获得位置是绝对位置原创 2017-08-08 16:20:25 · 2429 阅读 · 0 评论 -
react native 获取键盘高度
利用现在新版react native 提供的接口Keyboard可以直接获取键盘高度,当然以前老版的没有这个接口,查看源码也可以找到对应的实现。 componentWillMount () { //将要加载控件 this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', this._keyboar原创 2017-08-08 16:00:54 · 3095 阅读 · 0 评论 -
react native 添加启动页并解决启动白屏问题
react native 添加启动页 一般实现方式有3种: 1,使用RN开源组件; 2,原生代码编写; 3,模拟启动页,这种方法基本就是replace路由栈:https://git.oschina.net/LC_github_io/MyReduxDemo我们之所以设置启动页,很大一部分原因是在启动页显示的原创 2017-08-31 11:55:45 · 4033 阅读 · 1 评论