【React Native】文件翻譯閱讀紀錄 - Components(組件) - Button

by - 上午9:00

Facebook Open Source React Native



Button


一個基本的按鈕組件,可以在任何平台上很好地呈現。支持最低級別的自定義。

如果此按鈕看起來不適合您的應用,您可以使用TouchableOpacity或TouchableNativeFeedback構建自己的按鈕。有關靈感,請查看此按鈕組件的源代碼。或者,看看社區建立的各種按鈕組件。
用法示例:
import { Button } from 'react-native';
...

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

Props


參考

Props

onPress

當用戶點擊按鈕時調用處理程序
類型必需
functionYes

title

要在按鈕內顯示的文本
類型必需
stringYes

accessibilityLabel

Text to display for blindness accessibility features
類型必需
stringNo

color

Color of the text (iOS), or background color of the button (Android)
類型必需
colorNo

disabled

如果為true,則禁用此組件的所有交互。
類型必需
boolNo

testID

用於在端到端測試中查找此視圖。
類型必需
stringNo

hasTVPreferredFocus

(僅限Apple TV)電視首選焦點(請參閱View組件的文檔)。
類型必需平台
boolNoiOS

You May Also Like

0 意見