File tree Expand file tree Collapse file tree
apps/app/ui-tests-app/flexbox Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1+ image {
2+ width : 40 ;
3+ height : 40 ;
4+ flex-grow : 0 ;
5+ flex-shrink : 0 ;
6+ }
7+
8+ Label {
9+ border-width : 1 ;
10+ border-color : black;
11+ padding : 0 ;
12+ flex-grow : 1 ;
13+ flex-shrink : 1 ;
14+ }
Original file line number Diff line number Diff line change 1+ <Page xmlns =" http://schemas.nativescript.org/tns.xsd" class =" page" >
2+
3+ <StackLayout width =" 200" class =" p-20" >
4+
5+ <!-- Android -->
6+ <FlexboxLayout >
7+ <Label textWrap =" true" text =" a b c d e f g h i j k l m n o p q r s t" />
8+ </FlexboxLayout >
9+
10+ <FlexboxLayout >
11+ <Image src =" https://placehold.it/40x40" />
12+ <Label textWrap =" true" text =" a b c d e f g h i j k l m n o p" />
13+ </FlexboxLayout >
14+
15+ <FlexboxLayout flexWrap =" wrap" >
16+ <Label textWrap =" true" text =" a b c d e f g h i j k l m n o p q r s t" />
17+ <Label textWrap =" true" text =" a b c d e f g h i j k l m n o p q r s t" />
18+ </FlexboxLayout >
19+
20+
21+ <!-- iOS -->
22+ <FlexboxLayout >
23+ <Label textWrap =" true" text =" a b c d e f g h i j k l m n o p" />
24+ </FlexboxLayout >
25+
26+ <FlexboxLayout >
27+ <Label textWrap =" true" text =" a b c d e f g h i j k l m n o p q" />
28+ </FlexboxLayout >
29+
30+ <FlexboxLayout >
31+ <Image src =" https://placehold.it/40x40" />
32+ <Label textWrap =" true" text =" a b c d e f g h i j k l m" />
33+ </FlexboxLayout >
34+
35+ <FlexboxLayout >
36+ <Image src =" https://placehold.it/40x40" />
37+ <Label textWrap =" true" text =" a b c d e f g h i j k l m n" />
38+ </FlexboxLayout >
39+
40+ <FlexboxLayout flexWrap =" wrap" >
41+ <Label textWrap =" true" text =" a b c d e f g h i j k l m n o p" />
42+ <Label textWrap =" true" text =" a b c d e f g h i j k l m n o p q" />
43+ </FlexboxLayout >
44+
45+
46+ <!-- Common -->
47+ <FlexboxLayout alignItems =" flex-start" >
48+ <Label textWrap =" true" text =" a b" style =" flex-shrink:0;" />
49+ <Label textWrap =" true" text =" a b c d e f g h i" />
50+ <Label textWrap =" true" text =" a b c d e f g h i j" />
51+ <Label textWrap =" true" text =" a b c d e f g h i j k" />
52+ </FlexboxLayout >
53+
54+ </StackLayout >
55+ </Page >
Original file line number Diff line number Diff line change @@ -17,6 +17,7 @@ export function loadExamples() {
1717 examples . set ( "flexrepeat" , "flexbox/flexbox-repeater" ) ;
1818 examples . set ( "flex-perf" , "flexbox/flexbox-perf-comparison" ) ;
1919 examples . set ( "flexbox-4143" , "flexbox/flexbox-4143" ) ;
20+ examples . set ( "flexbox-4834" , "flexbox/flexbox-4834" ) ;
2021
2122 return examples ;
2223}
You can’t perform that action at this time.
0 commit comments