Question

我为React Native应用定义了以下弹性布局（请原谅丑陋的背景色）：

const master = StyleSheet.create({
    component: {
        flex: 1,
        backgroundColor: "#ff69b4",
    },
    topSection: {
        //flex: 1,
    },
    bottomSection: {
        //flex: 2,
        justifyContent: "flex-end",
        backgroundColor: "white",
        height: 50,
    }
});

我需要底部为绝对高度（例如50像素），顶部需要填充所有其他空间，以便可以在其中放置一些菜单图标。

有人可以帮忙吗？

Answer 1

这符合您的要求吗？

D:\Folder\Project_A\Release\Name of Project A.exe
D:\Folder\Project_A\Release\Name of Project B.exe

假设component: { flex: 1, backgroundColor: '#ff69b4' }, bottomSection: { justifyContent: 'flex-end', backgroundColor: 'white', height: 50, }, topSection: { flex: 1 }是容器，例如

component

或看看这个snack

以绝对大小反应本机Flex布局

1 个答案: