博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React Native : 按钮 Button
阅读量:6832 次
发布时间:2019-06-26

本文共 1025 字,大约阅读时间需要 3 分钟。

hot3.png

React Native初探:

RN内置了Touchable*可用来生成按钮。例如:

Button1

就差自定义样式了。

1、react-native-button库

里做了简单的封装。

npm install react-native-button --save

代码示例:

import React, { Component } from 'react';import {  AppRegistry,  StyleSheet,  Text,  View,  TouchableHighlight} from 'react-native';import Button from 'react-native-button';class MyReactNativeProject extends Component {  _onPressButton() {    console.log("You tapped the button!");  }  _onPressButton2() {    console.log('Pressed!');  }  render() {    return (      
Button1
); }}const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#F5FCFF', },});AppRegistry.registerComponent('MyReactNativeProject', () => MyReactNativeProject);

效果图:

效果图

2、react-native-awesome-button库

这个更像按钮。

输入图片说明

转载于:https://my.oschina.net/letiantian/blog/753897

你可能感兴趣的文章
Linux(CentOS)挂载移动硬盘
查看>>
JaveWeb 公司项目(7)----- 通过JS动态生成DIV
查看>>
python_控制台输出带颜色的文字方法
查看>>
TiDB 深度实践之旅--真实“踩坑”经历
查看>>
通过Cloudera Manager安装CDH 5.6
查看>>
Android通过JNI实现与C语言的串口通讯操作蓝牙硬件模块
查看>>
《Java实战开发经典》第五章5.3
查看>>
Codeforces Round #247 (Div. 2) D. Random Task
查看>>
在ubuntu18.04版本安装vscode
查看>>
Cracking the coding interview--Q1.8
查看>>
前端(开发环境) 5
查看>>
2017ACM/ICPC广西邀请赛 Color it
查看>>
Photoshop蒙版介绍之图层蒙版
查看>>
java通过传送地址获取坐标
查看>>
10个Python练手小程序,学习python的很好的资料
查看>>
Linux终端快捷键
查看>>
乐观锁与悲观锁
查看>>
docker windows container的一些注意点
查看>>
拥抱博客园
查看>>
yum使用详细
查看>>