如何使用react-native-elements将按钮的标题向右对齐？

Question

我正在使用react-native-elements在我的应用程序中添加按钮，但是我无法将按钮内的文本向右对齐。

我尝试了alignText：'right'的titleStyle属性，但没有成功

<Button title={'Hello World'} titleStyle={{ textAlign:'right' }} />

我希望按钮标题向右对齐，但它只停留在中间。

Answer 1

您可以通过在React Native Elements Button buttonStyle道具中添加justifyContent'flex-end'来轻松实现此目的

<Button
    title="My Button"
    type="clear"
    buttonStyle={{ justifyContent: 'flex-end' }}
/>