无法在react native中创建圆形按钮

Question

我想为我的应用程序创建圆形按钮，该应用程序是基于react native构建的。我试过下面的代码，但它们都不适合我。

代码片段1:<Button title="+" rounded="true"/>

代码片段2:addButton: { width: 20, height: 20, borderRadius: 40 }

Answer 1

基本上，您必须将Views和Touchables设置为所需按钮的样式。下面是一个圆形按钮组件的例子：

import React from 'react';
import { TouchableOpacity, Text, StyleSheet } from 'react-native';
export default ({ title, onPress }) => <TouchableOpacity onPress={onPress} style={styles.button}>
<Text style={styles.title}>{title}</Text>
</TouchableOpacity>
const styles = StyleSheet.create({
button: {
width: 50,
height: 50,
borderRadius: 25,
backgroundColor: 'red',
alignItems: 'center',
justifyContent: 'center',
},
title: {
color: 'white',
}
})