Button.md

<Button /> 按钮

Button 组件定义一个按钮, 可视、可触摸且有触摸反馈。

Props

Prop	Type	Default	Note
TouchableOpacity props...			Button 组件继承 TouchableOpacity 组件的全部属性。
type	string	'default'	显示样式类型。 - default: 默认 - primary: 主按钮 - secondary: 次按钮 - danger: 危险 - link: 链接 显示效果参见Screenshots。
size	string	'md'	显示尺寸大小。 - xl: 超大 - lg: 大 - md: 中 - sm: 小 - xs: 超小 显示效果参见Screenshots。
title	string number element		标题, 可以是字符串、数字或 React Native 组件。
titleStyle	同Text.style		标题样式, 当 title 类型为 element 时无效。
disabled	bool	false	继承自 TouchableOpacity, 为 true 时组件显示为半透明且不可触摸。

Events

Event Name	Returns	Notes
TouchableOpacity events...		Button 组件继承 TouchableOpacity 组件的全部事件。

Example

简单用法

<Button title='Default' onPress={() => alert('Hello world')} />

使用 type、size 属性

<Button type='primary' size='xl' title='Primary' />

自定义

<Button style={{backgroundColor: '#fcf8e3', borderColor: '#8a6d3b'}}>
  <Image style={{width: 16, height: 16, tintColor: '#8a6d3b'}} source={require('../icons/search.png')} />
  <Label style={{color: '#8a6d3b', fontSize: 16, paddingLeft: 8}} text='Search' />
</Button>

Screenshots