react-native-touchable v1.0.6

react-native-touchable

react-native 触摸类组件

安装：npm i react-native-touchable --save

demo:

            <Touchable
                onPress={()=>{
                   console.warn('点我');
                }}>
                <Text>点我</Text>
            </Touchable>

            <Touchable
                style={{marginTop:20,backgroundColor:'#cccccc'}}
                onPress={()=>{
                   console.warn('点我');
                }}>
                <Text>点我</Text>
            </Touchable>

            <Touchable
                style={{marginTop:20,borderColor:'#cccccc',borderWidth:1,backgroundColor:'#cccccc00'}}
                onPress={()=>{
                   console.warn('点我');
                }}>
                <Text>点我</Text>
            </Touchable>

            <Touchable
                style={{marginTop:20,height:50,width:150,backgroundColor:'#cccccc'}}
                onPress={()=>{
                   console.warn('点我');
                }}>
                <Text>点我</Text>
            </Touchable>

            <Touchable
                style={{marginTop:20,height:50,width:150,backgroundColor:'#cccccc',justifyContent:'flex-start',alignItems:'flex-start'}}
                onPress={()=>{
                   console.warn('点我');
                }}>
                <Text>点我</Text>
            </Touchable>

            <Touchable
                style={styles.touchable}
                onPress={()=>{
                   console.warn('点我');
                }}>
                <Text>点我</Text>
            </Touchable>

            <Touchable
                style={[styles.touchable,{backgroundColor:'blue',}]}
                onPress={()=>{
                   console.warn('点我');
                }}>
                <Text>点我</Text>
            </Touchable>


            <Touchable
                activeOpacity={0.3}//此属性只对ios有效
                style={[styles.touchable,{backgroundColor:'blue',}]}
                onPress={()=>{
                   console.warn('点我');
                }}>
                <Text>点我</Text>
            </Touchable>