显示一个简单的按钮,下面时示例代码:
import React, {Component} from 'react'
import {
Button,
View,
Alert,
} from 'react-native'
export default class UselessTextInputMultiline extends Component{
static navigationOptions = {
// title: 'page 1',
title: '处理触摸事件',
};
render() {
return (
<View style={{flex: 1,justifyContent: 'center',alignItems: 'center'}}>
<Button title={'点我!'} onPress={()=>{Alert.alert("你点击了按钮!")}}/>
</View>
);
}
}
效果图:
有时RN提供的按钮不足以满足我们的要求,我们需要自己来定义。下面是我在GitHub上看到的一些好的demo,有需要可以直接使用,有兴趣的可以去看看别人是实现的。