tianzixuan/Doric
Archived
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Add more Layout test demo

Browse Source
This commit is contained in:
pengfei.zhou 2022-08-05 10:58:27 +08:00 committed by osborn
parent 1aaa3aa3f0
commit c34f1f82b1
1 changed files with 107 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

107
doric-demo/src/LayoutTestDemo.tsx
View File

@ -167,7 +167,114 @@ class LayoutTest extends Panel {
<VLayout <VLayout
layoutConfig={layoutConfig().mostWidth().fitHeight()} layoutConfig={layoutConfig().mostWidth().fitHeight()}
gravity={Gravity.Center} gravity={Gravity.Center}
space={20}
> >
<Grid title="VLayout fit -> VLayout weight -> fit , most">
<VLayout>
<VLayout
layoutConfig={layoutConfig()
.fitWidth()
.justHeight()
.configWeight(1)}
>
<Text>Content</Text>
<Stack
layoutConfig={layoutConfig().mostWidth().justHeight()}
height={20}
backgroundColor={Color.RED.alpha(0.1)}
/>
</VLayout>
</VLayout>
</Grid>
<Grid title="VLayout fit -> HLayout weight -> fit , most">
<VLayout>
<HLayout
layoutConfig={layoutConfig()
.fitWidth()
.justHeight()
.configWeight(1)}
>
<Text>Content</Text>
<Stack
layoutConfig={layoutConfig().justWidth().mostHeight()}
width={100}
backgroundColor={Color.RED.alpha(0.1)}
></Stack>
</HLayout>
</VLayout>
</Grid>
<Grid title="VLayout fit -> Stack weight -> fit , most">
<VLayout>
<Stack
layoutConfig={layoutConfig()
.fitWidth()
.justHeight()
.configWeight(1)}
>
<Text>Content</Text>
<Stack
layoutConfig={layoutConfig().mostWidth().justHeight()}
height={20}
backgroundColor={Color.RED.alpha(0.1)}
></Stack>
</Stack>
</VLayout>
</Grid>
<Grid title="HLayout fit -> HLayout weight -> fit , most">
<HLayout>
<HLayout
layoutConfig={layoutConfig()
.justWidth()
.fitHeight()
.configWeight(1)}
>
<Text>Content</Text>
<Stack
layoutConfig={layoutConfig().mostHeight().justWidth()}
width={100}
backgroundColor={Color.RED.alpha(0.1)}
></Stack>
</HLayout>
</HLayout>
</Grid>
<Grid title="HLayout fit -> VLayout weight -> fit , most">
<HLayout>
<VLayout
layoutConfig={layoutConfig()
.justWidth()
.fitHeight()
.configWeight(1)}
>
<Text>Content</Text>
<Stack
layoutConfig={layoutConfig().mostWidth().justHeight()}
height={20}
backgroundColor={Color.RED.alpha(0.1)}
></Stack>
</VLayout>
</HLayout>
</Grid>
<Grid title="HLayout fit -> Stack weight -> fit , most">
<HLayout>
<Stack
layoutConfig={layoutConfig()
.justWidth()
.fitHeight()
.configWeight(1)}
>
<Text>Content</Text>
<Stack
layoutConfig={layoutConfig().mostHeight().justWidth()}
width={100}
backgroundColor={Color.RED.alpha(0.1)}
></Stack>
</Stack>
</HLayout>
</Grid>
<Grid title="VLayout fit -> most -> just"> <Grid title="VLayout fit -> most -> just">
<VLayout <VLayout
layoutConfig={layoutConfig().fit()} layoutConfig={layoutConfig().fit()}