设为首页收藏本站

react native【免费】VIP视频教程 rn开发者交流论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 709|回复: 12

[课堂源码] 18、手把手教React Native实战之Touchable类组件

[复制链接]

401

主题

762

帖子

6969

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6969
发表于 2016-6-29 15:47:03 | 显示全部楼层 |阅读模式


18、手把手教React Native实战之Touchable类组件
  1. /**
  2. * Sample React Native App
  3. * https://github.com/facebook/react-native
  4. */
  5. 'use strict';

  6. import React, { Component } from 'react';
  7. import {
  8.     AppRegistry,
  9.     StyleSheet,
  10.     PixelRatio,
  11.     Text,
  12.     TouchableHighlight,
  13.     TouchableOpacity,
  14.     TouchableWithoutFeedback,
  15.     View
  16.     } from 'react-native';


  17. var onePT = 1 / PixelRatio.get();

  18. class DongFang extends Component {
  19.   render() {

  20.     return (

  21.         <View style={styles.flex}>

  22.           <TouchableHighlight onPress={this.show.bind(this,'欢迎学习React Native技术')}
  23.               underlayColor='#E1F6FF'
  24.               >
  25.           <Text style={styles.item}>欢迎学习React Native技术-TouchableHighlight</Text>

  26.           </TouchableHighlight>

  27.           <TouchableOpacity onPress={this.show.bind(this,'作者东方耀Q:3096239789')}>
  28.           <Text style={styles.item}>作者东方耀Q:3096239789-TouchableOpacity</Text>

  29.           </TouchableOpacity>


  30.           <TouchableWithoutFeedback onPress={this.show.bind(this,'作者东方耀Q:3096239789')}>
  31.             <Text style={styles.item}>作者东方耀Q:3096239789-TouchableWithoutFeedback</Text>


  32.           </TouchableWithoutFeedback>

  33.         </View>

  34.     );
  35.   }

  36.   show(txt){
  37.     alert(txt);
  38.   }
  39. }



  40. const styles = StyleSheet.create({

  41.   flex:{
  42.     flex:1,
  43.     marginTop:25,
  44.   },

  45. item:{
  46.    fontSize:18,
  47.    color:'#434343',
  48.    marginLeft:5,
  49.    marginTop:10,
  50. },

  51. });

  52. AppRegistry.registerComponent('DongFang', () => DongFang);
复制代码



react native vip论坛免费发布【手把手教react native实战开发】视频教程,立志于打造全互联网最全面最详细最易懂的React Native
开发视频教程,Facebook已经在多项产品中使用了React Native,并且将持续地投入建设,让我们引领react native开发的潮流!
回复

使用道具 举报

0

主题

69

帖子

178

积分

注册会员

Rank: 2

积分
178
发表于 2016-7-15 15:16:17 | 显示全部楼层
学习了。。。。。。。
回复

使用道具 举报

0

主题

110

帖子

244

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
244
发表于 2016-8-9 01:18:54 | 显示全部楼层
厉害,大神。厉害,大祸
回复 支持 反对

使用道具 举报

0

主题

50

帖子

114

积分

注册会员

Rank: 2

积分
114
发表于 2016-8-18 14:32:14 | 显示全部楼层
好好学习一下了!!!!!!!!
回复 支持 反对

使用道具 举报

0

主题

20

帖子

60

积分

注册会员

Rank: 2

积分
60
发表于 2016-8-30 16:33:34 | 显示全部楼层
谢谢分享!!!
回复

使用道具 举报

0

主题

303

帖子

682

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
682
发表于 2016-9-23 08:16:57 | 显示全部楼层
xuexixuexi.
回复 支持 反对

使用道具 举报

0

主题

48

帖子

116

积分

注册会员

Rank: 2

积分
116
发表于 2016-10-10 10:27:42 | 显示全部楼层
  努力挣钱到100
回复 支持 反对

使用道具 举报

0

主题

48

帖子

116

积分

注册会员

Rank: 2

积分
116
发表于 2016-10-10 10:32:13 | 显示全部楼层

不错,谢谢老师分享
回复 支持 反对

使用道具 举报

0

主题

27

帖子

66

积分

注册会员

Rank: 2

积分
66
发表于 2016-10-17 12:02:41 | 显示全部楼层
手把手教React Native实战之Touchable类组件
回复 支持 反对

使用道具 举报

0

主题

27

帖子

66

积分

注册会员

Rank: 2

积分
66
发表于 2016-10-17 12:02:58 | 显示全部楼层
手把手教React Native实战之Touchable类组件
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|ReactNative Inc.    

GMT+8, 2018-11-17 16:58 , Processed in 0.170010 second(s), 24 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表