1717package com.google.samples.apps.niacatalog.ui
1818
1919import androidx.compose.foundation.layout.Arrangement
20+ import androidx.compose.foundation.layout.ExperimentalLayoutApi
21+ import androidx.compose.foundation.layout.FlowRow
2022import androidx.compose.foundation.layout.WindowInsets
2123import androidx.compose.foundation.layout.add
2224import androidx.compose.foundation.layout.asPaddingValues
@@ -36,7 +38,6 @@ import androidx.compose.runtime.setValue
3638import androidx.compose.ui.Modifier
3739import androidx.compose.ui.res.painterResource
3840import androidx.compose.ui.unit.dp
39- import com.google.accompanist.flowlayout.FlowRow
4041import com.google.samples.apps.nowinandroid.core.designsystem.component.NiaButton
4142import com.google.samples.apps.nowinandroid.core.designsystem.component.NiaFilterChip
4243import com.google.samples.apps.nowinandroid.core.designsystem.component.NiaIconToggleButton
@@ -54,6 +55,7 @@ import com.google.samples.apps.nowinandroid.core.designsystem.theme.NiaTheme
5455/* *
5556 * Now in Android component catalog.
5657 */
58+ @OptIn(ExperimentalLayoutApi ::class )
5759@Composable
5860fun NiaCatalog () {
5961 NiaTheme {
@@ -75,7 +77,7 @@ fun NiaCatalog() {
7577 }
7678 item { Text (" Buttons" , Modifier .padding(top = 16 .dp)) }
7779 item {
78- FlowRow (mainAxisSpacing = 16 .dp) {
80+ FlowRow (horizontalArrangement = Arrangement .spacedBy( 16 .dp) ) {
7981 NiaButton (onClick = {}) {
8082 Text (text = " Enabled" )
8183 }
@@ -89,7 +91,7 @@ fun NiaCatalog() {
8991 }
9092 item { Text (" Disabled buttons" , Modifier .padding(top = 16 .dp)) }
9193 item {
92- FlowRow (mainAxisSpacing = 16 .dp) {
94+ FlowRow (horizontalArrangement = Arrangement .spacedBy( 16 .dp) ) {
9395 NiaButton (
9496 onClick = {},
9597 enabled = false ,
@@ -112,7 +114,7 @@ fun NiaCatalog() {
112114 }
113115 item { Text (" Buttons with leading icons" , Modifier .padding(top = 16 .dp)) }
114116 item {
115- FlowRow (mainAxisSpacing = 16 .dp) {
117+ FlowRow (horizontalArrangement = Arrangement .spacedBy( 16 .dp) ) {
116118 NiaButton (
117119 onClick = {},
118120 text = { Text (text = " Enabled" ) },
@@ -138,7 +140,7 @@ fun NiaCatalog() {
138140 }
139141 item { Text (" Disabled buttons with leading icons" , Modifier .padding(top = 16 .dp)) }
140142 item {
141- FlowRow (mainAxisSpacing = 16 .dp) {
143+ FlowRow (horizontalArrangement = Arrangement .spacedBy( 16 .dp) ) {
142144 NiaButton (
143145 onClick = {},
144146 enabled = false ,
@@ -168,7 +170,7 @@ fun NiaCatalog() {
168170 item { Text (" Dropdown menus" , Modifier .padding(top = 16 .dp)) }
169171 item { Text (" Chips" , Modifier .padding(top = 16 .dp)) }
170172 item {
171- FlowRow (mainAxisSpacing = 16 .dp) {
173+ FlowRow (horizontalArrangement = Arrangement .spacedBy( 16 .dp) ) {
172174 var firstChecked by remember { mutableStateOf(false ) }
173175 NiaFilterChip (
174176 selected = firstChecked,
@@ -197,7 +199,7 @@ fun NiaCatalog() {
197199 }
198200 item { Text (" Icon buttons" , Modifier .padding(top = 16 .dp)) }
199201 item {
200- FlowRow (mainAxisSpacing = 16 .dp) {
202+ FlowRow (horizontalArrangement = Arrangement .spacedBy( 16 .dp) ) {
201203 var firstChecked by remember { mutableStateOf(false ) }
202204 NiaIconToggleButton (
203205 checked = firstChecked,
@@ -270,7 +272,7 @@ fun NiaCatalog() {
270272 }
271273 item { Text (" View toggle" , Modifier .padding(top = 16 .dp)) }
272274 item {
273- FlowRow (mainAxisSpacing = 16 .dp) {
275+ FlowRow (horizontalArrangement = Arrangement .spacedBy( 16 .dp) ) {
274276 var firstExpanded by remember { mutableStateOf(false ) }
275277 NiaViewToggleButton (
276278 expanded = firstExpanded,
@@ -296,7 +298,7 @@ fun NiaCatalog() {
296298 }
297299 item { Text (" Tags" , Modifier .padding(top = 16 .dp)) }
298300 item {
299- FlowRow (mainAxisSpacing = 16 .dp) {
301+ FlowRow (horizontalArrangement = Arrangement .spacedBy( 16 .dp) ) {
300302 NiaTopicTag (
301303 followed = true ,
302304 onClick = {},
0 commit comments