【原创】东方耀reactnative 视频18之-Touchable组件
来源:互联网 发布:欧洲30年战争知乎 编辑:程序博客网 时间:2024/06/10 10:14
rn有三个组件有被点击能力(去包裹其他组件)
1 TouchableHighlight 高亮
onHideUnderlay, onShowUnderlay,underlayColor(点击时背景阴影效果的背景色)
2 TouchableOpacity 设置透明度
activeOpacity
3 TouchableWithoutFeedback//不建议用
/**
* Sample React Native App
* https://github.com/facebook/react-native
* @flow
*/
import React, { Component } from ‘react’;
import {
AppRegistry,
StyleSheet,
TouchableHighlight,
TouchableOpacity,
TouchableWithoutFeedback,
PixelRatio,
Text,
TextInput,
View
} from ‘react-native’;
var onePT = 1/PixelRatio.get();
class demo2 extends Component {
render() {
return (
0 0
- 【原创】东方耀reactnative 视频18之-Touchable组件
- 【原创】东方耀reactnative 视频12之-view组件
- 【原创】东方耀reactnative 视频13之-Text组件
- 【原创】东方耀reactnative 视频16,17之-TextInput组件
- 【原创】东方耀reactnative 视频19之-图片image组件
- [原创]东方耀reactnative 视频29之-ListView组件
- 【原创】东方耀reactnative 视频14,15之- navigator/navigatorIOS组件
- 【原创】东方耀reactnative 视频20之-picker组件和箭头函数
- 【原创】东方耀reactnative 视频31之-开源导航组件 react-native-tab-navigator
- 【原创】东方耀reactnative 视频32之-开源导航组件 react-native-side-menu
- 【原创】东方耀reactnative 视频21之-ProgressBar
- 【原创】东方耀reactnative 视频22之-DrawerLayoutAndroid
- 【原创】东方耀reactnative 视频23之-ViewPageAndroid
- 【原创】东方耀reactnative 视频26之-react-native-swiper
- 【原创】东方耀reactnative 视频27之-react-native-swiper
- 【原创】东方耀reactnative 视频38之-物理返回键
- 【原创】东方耀reactnative 视频24之-ViewPagerAndroid做引导页
- 【原创】东方耀reactnative 视频26之-仿异步获取网络数据
- Poj 1836 Alignment (双重LIS)
- LeetCode #167: Two Sum II - Input array is sorted
- [Leetcode] Ugly Number
- 每日一省之—基于双数组和二分查找法实现符号表(或者字典)
- HDU Problem 1711 Number Sequence 【KMP】
- 【原创】东方耀reactnative 视频18之-Touchable组件
- 第三周 项目三-求集合并集
- c语言将小写字母转换为大写字母
- [Leetcode] Climbing Stairs
- UGUI内核大探究(九)Image与RawImage
- 面向对象的三个基本特征 和 五种设计原则
- Java中反射(Reflection)的应用
- 利用C++ Boost编写扩展Python模块
- 文章标题