推荐项目:React Native Button - 极简主义的按钮组件库
以下是一个简单的React Native Button组件的示例代码,使用了react-native-elements
库中的Button
组件:
import React from 'react';
import { View, StyleSheet } from 'react-native';
import { Button } from 'react-native-elements';
const App = () => {
return (
<View style={styles.container}>
<Button
title="Primary Button"
type="solid"
buttonStyle={{ borderRadius: 10 }}
/>
<Button
title="Secondary Button"
type="clear"
buttonStyle={{ borderRadius: 10, marginTop: 10 }}
/>
</View>
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
});
export default App;
这段代码演示了如何在一个简单的React Native应用中使用react-native-elements
库中的Button
组件。它创建了一个包含两个按钮的页面,一个实心按钮和一个透明按钮,并对按钮的样式进行了自定义,增加了borderRadius
属性来使按钮看起来更圆润。
评论已关闭