推荐一款React Native按钮组件:react-native-button-component
React Native 按钮组件 react-native-button-component
是一个简单易用的按钮组件,它提供了一个按钮,可以用于各种应用程序。
以下是如何使用该组件的示例代码:
首先,你需要安装这个组件:
npm install react-native-button-component
然后,你可以在你的React Native代码中导入并使用这个按钮组件:
import React from 'react';
import { View, Text } from 'react-native';
import Button from 'react-native-button-component';
const App = () => {
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<Button
title="Click Me"
onPress={() => alert('Button clicked!')}
buttonStyle={{ backgroundColor: '#ff0000' }}
/>
</View>
);
};
export default App;
在这个例子中,我们导入了 Button
组件,并在一个简单的应用程序中创建了一个按钮。当按钮被点击时,它会显示一个警告框。你可以通过 buttonStyle
属性来自定义按钮的样式,比如背景颜色等。
评论已关闭