gpt4 book ai didi

react-native - React Native 中两个宽度相等的按钮水平填满屏幕

转载 作者:行者123 更新时间:2023-12-03 02:02:14 28 4
gpt4 key购买 nike

我需要创建两个或多个宽度相等且水平对齐的按钮,根据屏幕宽度,按钮宽度可能会有所不同。

Sample Image Here

最佳答案

您可以将按钮包装到弯曲的 View 中:

import React, { Component } from 'react';
import { Button, View, StyleSheet } from 'react-native';

export default const FlexedButtons () => (
<View style={styles.container}>
<View style={styles.buttonContainer}>
<Button title="Button 1"/>
</View>
<View style={styles.buttonContainer}>
<Button title="Button 2"/>
</View>
</View>
);

const styles = StyleSheet.create({
container: {
flex: 1,
flexDirection: 'row',
alignItems: 'center',
justifyContent: 'center',
},
buttonContainer: {
flex: 1,
}
});

这是一个关于 Sketch 的工作示例: https://snack.expo.io/SyMpPSise

关于react-native - React Native 中两个宽度相等的按钮水平填满屏幕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42864827/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com