link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

Button

一个简单的跨平台的按钮组件。可以进行一些简单的定制。

这个组件的样式是固定的。所以如果它的外观并不怎么搭配你的设计，那你需要使用 TouchableOpacity 或是 TouchableNativeFeedback 组件来定制自己所需要的按钮，或者你也可以在 github.com 网站上搜索 'react native button' 来看看社区其他人的作品。

import { Button } from 'react-native';
...

<Button
  onPress={onPressLearnMore}
  title="Learn More"
  color="#841584"
  accessibilityLabel="Learn more about this purple button"
/>

      
     

示例

文档

Props

必需
`onPress`

用户点击此按钮时所调用的处理函数

类型
({ nativeEvent: PressEvent })

必需
`title`

按钮内显示的文本

类型
string

`accessibilityLabel`

用于给残障人士显示的文本（比如读屏应用可能会读取这一内容）

类型
string

`accessibilityActions`

Accessibility actions allow an assistive technology to programmatically invoke the actions of a component. The accessibilityActions property should contain a list of action objects. Each action object should contain the field name and label.

See the Accessibility guide for more information.

Type	Required
array	No

`onAccessibilityAction`

Invoked when the user performs the accessibility actions. The only argument to this function is an event containing the name of the action to perform.

See the Accessibility guide for more information.

Type	Required
function	No

`color`

文本的颜色(iOS)，或是按钮的背景色(Android)

类型
color

`disabled`

设置为 true 时此按钮将不可点击。

类型	必需
bool	否

`testID`

用来在端到端测试中定位此视图。

类型	必需
string	否

`hasTVPreferredFocus`

(Apple TV only) TV preferred focus (see documentation for the View component).

类型	必需	平台
bool	否	iOS

`nextFocusDown`

Designates the next view to receive focus when the user navigates down. See the Android documentation .

类型	Required	平台
number	No	Android

`nextFocusForward`

Designates the next view to receive focus when the user navigates forward. See the Android documentation .

类型	Required	平台
number	No	Android

`nextFocusLeft`

Designates the next view to receive focus when the user navigates left. See the Android documentation .

类型	Required	平台
number	No	Android

`nextFocusRight`

Designates the next view to receive focus when the user navigates right. See the Android documentation .

类型	Required	平台
number	No	Android

`nextFocusUp`

Designates the next view to receive focus when the user navigates up. See the Android documentation .

类型	Required	平台
number	No	Android

`touchSoundDisabled`

If true, doesn't play system sound on touch.

类型	Required	平台
boolean	No	Android

示例
Props

推荐文章

痴情的油条 · 8.2. 常见陷阱与最佳实践 · MobX 中文文档

2 天前

拉风的剪刀 · 儿童 – React 框架

2 天前

眼睛小的匕首 · React forwardRef()：如何将引用传递给子组件 - DEV Community

2 天前

坏坏的眼镜 · React技术揭秘

2 天前

爱看书的钥匙 · 对组件的refs | React

2 天前

一身肌肉的酱肘子 · 广东省教育厅广东省科学技术厅广东省文化和旅游厅广东省体育局关于公布广东省中小学生校外教育培训非学科类目录清单的通知_广东省教育厅网站

2 月前

耍酷的柚子 · 苹果直营店回应 iPhone 13 电池鼓包可免费维修：以线下工程师检测为准 - IT之家

2 月前

谈吐大方的跑步鞋 · 学院信息_北京大学艺术学院

1 年前

长情的风衣 · 快速接入讯飞星火认知大模型2.0，200万令牌免费用！-腾讯云开发者社区-腾讯云

1 年前

成熟的饭盒 · 怎么评价艾森豪威尔的一生？ - 知乎

1 年前

示例 ​

文档

Props ​

必需 onPress ​

必需 title ​

accessibilityLabel ​

accessibilityActions ​

onAccessibilityAction ​

color ​

disabled ​

testID ​

hasTVPreferredFocus ​

nextFocusDown ​

nextFocusForward ​

nextFocusLeft ​

nextFocusRight ​

nextFocusUp ​

touchSoundDisabled ​

示例

Props

必需
`onPress`

必需
`title`

`accessibilityLabel`

`accessibilityActions`

`onAccessibilityAction`

`color`

`disabled`

`testID`

`hasTVPreferredFocus`

`nextFocusDown`

`nextFocusForward`

`nextFocusLeft`

`nextFocusRight`

`nextFocusUp`

`touchSoundDisabled`