2021-05-17 15:38:42 +02:00
|
|
|
A simple row and a column layout with flexbox
|
|
|
|
|
"""""""""""""""""""""""""""""""""""""""""""""""
|
|
|
|
|
|
2021-05-17 16:27:37 +02:00
|
|
|
.. lv_example:: layouts/flex/lv_example_flex_1
|
2021-05-17 15:38:42 +02:00
|
|
|
:language: c
|
|
|
|
|
|
|
|
|
|
Arrange items in rows with wrap and even spacing
|
|
|
|
|
"""""""""""""""""""""""""""""""""""""""""""""""""
|
|
|
|
|
|
2021-05-17 16:27:37 +02:00
|
|
|
.. lv_example:: layouts/flex/lv_example_flex_2
|
2021-05-17 15:38:42 +02:00
|
|
|
:language: c
|
2022-03-21 18:25:51 +08:00
|
|
|
|
2021-05-17 15:38:42 +02:00
|
|
|
Demonstrate flex grow
|
|
|
|
|
"""""""""""""""""""""""
|
|
|
|
|
|
2021-05-17 16:27:37 +02:00
|
|
|
.. lv_example:: layouts/flex/lv_example_flex_3
|
2021-05-17 15:38:42 +02:00
|
|
|
:language: c
|
2022-03-21 18:25:51 +08:00
|
|
|
|
2021-05-17 15:38:42 +02:00
|
|
|
Demonstrate flex grow.
|
|
|
|
|
"""""""""""""""""""""""
|
|
|
|
|
|
2021-05-17 16:27:37 +02:00
|
|
|
.. lv_example:: layouts/flex/lv_example_flex_4
|
2021-05-17 15:38:42 +02:00
|
|
|
:language: c
|
2022-03-21 18:25:51 +08:00
|
|
|
|
2021-05-17 15:38:42 +02:00
|
|
|
Demonstrate column and row gap style properties
|
|
|
|
|
"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
|
|
|
|
|
|
2021-05-17 16:27:37 +02:00
|
|
|
.. lv_example:: layouts/flex/lv_example_flex_5
|
2021-05-17 15:38:42 +02:00
|
|
|
:language: c
|
2022-03-21 18:25:51 +08:00
|
|
|
|
2021-05-17 15:38:42 +02:00
|
|
|
RTL base direction changes order of the items
|
|
|
|
|
"""""""""""""""""""""""""""""""""""""""""""""""
|
|
|
|
|
|
2021-05-17 16:27:37 +02:00
|
|
|
.. lv_example:: layouts/flex/lv_example_flex_6
|
2021-05-17 15:38:42 +02:00
|
|
|
:language: c
|
2022-03-21 18:25:51 +08:00
|
|
|
|
2021-05-17 15:38:42 +02:00
|
|
|
|
