css 如何在React Native中创建响应网格？

68de4m5k 于 2022-12-01 发布在 React

关注(0)|答案(1)|浏览(127)

如何创建与上图所示的充值类似的响应布局？
我现在拥有的是：

如何创建一个不会拉伸高度的框？如何确保框会像下面的图片一样自动换行

这是我的代码：

topUpOptionsContainer: {
        flexDirection: 'row',
        alignItems: 'center',
        justifyContent: 'space-around',
        marginVertical: 15,
        flexWrap: 'wrap',
    },

    topUpOptions: {
        padding: 10,
        borderColor: '#d1d7dc',
        borderWidth: 1,
        borderRadius: 10,
        alignItems: 'center',
        width: wp('25%')
    },

css

来源：https://stackoverflow.com/questions/74621757/how-to-create-a-responsive-grid-in-react-native