ReactNative杂项整理

1、TouchableOpacity 透明度按钮，点击变透明 activeOpacity={0-1}添加点击监听 onPress={(e)=>fn(e)}

TouchableHighlight变色按钮，点击变色 underlayColor={‘#FFF’}

添加监听方法同上

注意:两个标签内部必须都要有东西，否则有问题，一般都添加一个Text标签或者Image标签。。。

2、ToastAndroid.show('点到我了！', ToastAndroid.LONG);吐司通知。。。

3、关于Image标签：

假如要支持GIF动图需要在配置文件android/app/build.gradle中配置这么一句话：

compile 'com.facebook.fresco:animated-gif:1.0.1'

图片的显示方式:

resizeMode={'cover', 'contain', 'stretch', 'repeat', 'center'}

onLayout function  (不仅仅图片标签有该功能别的也有，使用方法是获取图片的位置宽高)

当元素挂载或者布局改变的时候调用，参数为：

{nativeEvent: {layout: {x, y, width, height}}}.

<Image onLayout={(e)=>this.getY(e)}/>

 

getY(e){

//通过e.nativeEvent.layout.y获取到图片的y值

}

图片加载资源的方法分为本地方法跟网络加载：

本地加载：source={require(‘./imgs/pic.png’)}

网络加载：source={{uri:‘http://..........’}}

Image双标签下也可以放东西，会覆盖图片一部分内容，当然也可以内嵌另一张图片，让内外两张图片大小相等通过判断条件改变Image的opacity属性改变内层图片的透明度来达到设置显示哪张图片的目的。

<Image source={img1}><Image source={img2}/></Image>