Lines Matching refs:width
37 Text('1').width('33%').height(50).backgroundColor(0xF5DEB3)
38 Text('2').width('33%').height(50).backgroundColor(0xD2B48C)
39 Text('3').width('33%').height(50).backgroundColor(0xF5DEB3)
42 .width('90%')
54 Text('1').width('33%').height(50).backgroundColor(0xF5DEB3)
55 Text('2').width('33%').height(50).backgroundColor(0xD2B48C)
56 Text('3').width('33%').height(50).backgroundColor(0xF5DEB3)
59 .width('90%')
71 Text('1').width('100%').height(50).backgroundColor(0xF5DEB3)
72 Text('2').width('100%').height(50).backgroundColor(0xD2B48C)
73 Text('3').width('100%').height(50).backgroundColor(0xF5DEB3)
76 .width('90%')
88 Text('1').width('100%').height(50).backgroundColor(0xF5DEB3)
89 Text('2').width('100%').height(50).backgroundColor(0xD2B48C)
90 Text('3').width('100%').height(50).backgroundColor(0xF5DEB3)
93 .width('90%')
105 …elements to shrink to fit the container when their total width is greater than the container width.
110 Text('1').width('50%').height(50).backgroundColor(0xF5DEB3)
111 Text('2').width('50%').height(50).backgroundColor(0xD2B48C)
112 Text('3').width('50%').height(50).backgroundColor(0xF5DEB3)
114 .width('90%')
126 Text('1').width('50%').height(50).backgroundColor(0xF5DEB3)
127 Text('2').width('50%').height(50).backgroundColor(0xD2B48C)
128 Text('3').width('50%').height(50).backgroundColor(0xD2B48C)
130 .width('90%')
142 Text('1').width('50%').height(50).backgroundColor(0xF5DEB3)
143 Text('2').width('50%').height(50).backgroundColor(0xD2B48C)
144 Text('3').width('50%').height(50).backgroundColor(0xF5DEB3)
146 .width('90%')
167 Text('1').width('20%').height(50).backgroundColor(0xF5DEB3)
168 Text('2').width('20%').height(50).backgroundColor(0xD2B48C)
169 Text('3').width('20%').height(50).backgroundColor(0xF5DEB3)
171 .width('90%')
184 Text('1').width('20%').height(50).backgroundColor(0xF5DEB3)
185 Text('2').width('20%').height(50).backgroundColor(0xD2B48C)
186 Text('3').width('20%').height(50).backgroundColor(0xF5DEB3)
188 .width('90%')
201 Text('1').width('20%').height(50).backgroundColor(0xF5DEB3)
202 Text('2').width('20%').height(50).backgroundColor(0xD2B48C)
203 Text('3').width('20%').height(50).backgroundColor(0xF5DEB3)
205 .width('90%')
218 Text('1').width('20%').height(50).backgroundColor(0xF5DEB3)
219 Text('2').width('20%').height(50).backgroundColor(0xD2B48C)
220 Text('3').width('20%').height(50).backgroundColor(0xF5DEB3)
222 .width('90%')
235 Text('1').width('20%').height(50).backgroundColor(0xF5DEB3)
236 Text('2').width('20%').height(50).backgroundColor(0xD2B48C)
237 Text('3').width('20%').height(50).backgroundColor(0xF5DEB3)
239 .width('90%')
252 Text('1').width('20%').height(50).backgroundColor(0xF5DEB3)
253 Text('2').width('20%').height(50).backgroundColor(0xD2B48C)
254 Text('3').width('20%').height(50).backgroundColor(0xF5DEB3)
256 .width('90%')
278 let SWh:Record<string,number|string> = { 'width': '90%', 'height': 80 }
280 Text('1').width('33%').height(30).backgroundColor(0xF5DEB3)
281 Text('2').width('33%').height(40).backgroundColor(0xD2B48C)
282 Text('3').width('33%').height(50).backgroundColor(0xF5DEB3)
295 let SWh:Record<string,number|string> = { 'width': '90%', 'height': 80 }
297 Text('1').width('33%').height(30).backgroundColor(0xF5DEB3)
298 Text('2').width('33%').height(40).backgroundColor(0xD2B48C)
299 Text('3').width('33%').height(50).backgroundColor(0xF5DEB3)
312 let SWh:Record<string,number|string> = { 'width': '90%', 'height': 80 }
314 Text('1').width('33%').height(30).backgroundColor(0xF5DEB3)
315 Text('2').width('33%').height(40).backgroundColor(0xD2B48C)
316 Text('3').width('33%').height(50).backgroundColor(0xF5DEB3)
329 let SWh:Record<string,number|string> = { 'width': '90%', 'height': 80 }
331 Text('1').width('33%').height(30).backgroundColor(0xF5DEB3)
332 Text('2').width('33%').height(40).backgroundColor(0xD2B48C)
333 Text('3').width('33%').height(50).backgroundColor(0xF5DEB3)
346 let SWh:Record<string,number|string> = { 'width': '90%', 'height': 80 }
348 Text('1').width('33%').backgroundColor(0xF5DEB3)
349 Text('2').width('33%').backgroundColor(0xD2B48C)
350 Text('3').width('33%').backgroundColor(0xF5DEB3)
363 let SWh:Record<string,number|string> = { 'width': '90%', 'height': 80 }
365 Text('1').width('33%').height(30).backgroundColor(0xF5DEB3)
366 Text('2').width('33%').height(40).backgroundColor(0xD2B48C)
367 Text('3').width('33%').height(50).backgroundColor(0xF5DEB3)
383 Text('alignSelf Start').width('25%').height(80)
388 .width('25%')
391 Text('alignSelf Baseline').width('25%').height(100)
394 Text('no alignSelf').width('25%').height(100)
396 Text('no alignSelf').width('25%').height(100)
399 }.width('90%').height(220).backgroundColor(0xAFEEEE)
418 Text('1').width('30%').height(20).backgroundColor(0xF5DEB3)
419 Text('2').width('60%').height(20).backgroundColor(0xD2B48C)
420 Text('3').width('40%').height(20).backgroundColor(0xD2B48C)
421 Text('4').width('30%').height(20).backgroundColor(0xF5DEB3)
422 Text('5').width('20%').height(20).backgroundColor(0xD2B48C)
424 .width('90%')
436 Text('1').width('30%').height(20).backgroundColor(0xF5DEB3)
437 Text('2').width('60%').height(20).backgroundColor(0xD2B48C)
438 Text('3').width('40%').height(20).backgroundColor(0xD2B48C)
439 Text('4').width('30%').height(20).backgroundColor(0xF5DEB3)
440 Text('5').width('20%').height(20).backgroundColor(0xD2B48C)
442 .width('90%')
454 Text('1').width('30%').height(20).backgroundColor(0xF5DEB3)
455 Text('2').width('60%').height(20).backgroundColor(0xD2B48C)
456 Text('3').width('40%').height(20).backgroundColor(0xD2B48C)
457 Text('4').width('30%').height(20).backgroundColor(0xF5DEB3)
458 Text('5').width('20%').height(20).backgroundColor(0xD2B48C)
460 .width('90%')
472 Text('1').width('30%').height(20).backgroundColor(0xF5DEB3)
473 Text('2').width('60%').height(20).backgroundColor(0xD2B48C)
474 Text('3').width('40%').height(20).backgroundColor(0xD2B48C)
475 Text('4').width('30%').height(20).backgroundColor(0xF5DEB3)
476 Text('5').width('20%').height(20).backgroundColor(0xD2B48C)
478 .width('90%')
490 Text('1').width('30%').height(20).backgroundColor(0xF5DEB3)
491 Text('2').width('60%').height(20).backgroundColor(0xD2B48C)
492 Text('3').width('40%').height(20).backgroundColor(0xD2B48C)
493 Text('4').width('30%').height(20).backgroundColor(0xF5DEB3)
494 Text('5').width('20%').height(20).backgroundColor(0xD2B48C)
496 .width('90%')
508 Text('1').width('30%').height(20).backgroundColor(0xF5DEB3)
509 Text('2').width('60%').height(20).backgroundColor(0xD2B48C)
510 Text('3').width('40%').height(20).backgroundColor(0xD2B48C)
511 Text('4').width('30%').height(20).backgroundColor(0xF5DEB3)
512 Text('5').width('20%').height(20).backgroundColor(0xD2B48C)
514 .width('90%')
526 …f this attribute is not set, the space occupied by the child element is the result of width/height.
532 ….flexBasis('auto') // When width is not set and flexBasis is set to auto, the content is at its ow…
535 Text('flexBasis("auto")'+' width("40%")')
536 .width('40%')
537 … .flexBasis('auto') // When width is set and flexBasis is set to auto, the value of width is used.
541 … Text('flexBasis(100)') // When width is not set and flexBasis is set to 100, the width is 100 vp.
548 ….width(200) // When both width and flexBasis are set, flexBasis takes precedence, and the width is…
551 }.width('90%').height(120).padding(10).backgroundColor(0xAFEEEE)
562 .width(100)
567 .width(100)
572 .width(100)
575 }.width(420).height(120).padding(10).backgroundColor(0xAFEEEE)
580 …In the preceding figure, the width of the flex container is 420 vp, the original width of the thre…
582 …ning space at the 2:3 ratio, the first and second child elements are at a width of 140 vp (100 vp …
591 .width(200)
596 .width(200)
602 .width(200)
605 }.width(400).height(120).padding(10).backgroundColor(0xAFEEEE)
624 Text('1').width('30%').height(50).backgroundColor(0xF5DEB3)
625 Text('2').width('30%').height(50).backgroundColor(0xD2B48C)
626 Text('3').width('30%').height(50).backgroundColor(0xF5DEB3)
629 .width('90%')
631 }.width('100%').margin({ top: 5 })
632 }.width('100%')