Questions tagged [android-jetpack-compose-row]

8 questions
4
votes
2 answers

Icons getting disappears if the text is too long in Jetpack Compose

@Composable fun TopAppBar( name: String, modifier: Modifier = Modifier ) { Row( modifier = modifier .fillMaxWidth() .padding(20.dp, 0.dp), verticalAlignment = Alignment.CenterVertically, …
2
votes
2 answers

Align row item in jetpack compose

I want to make row like this Expected Output AND I tried this piece of code DividerWithItem @Composable fun DividerWithItem( modifier: Modifier = Modifier, index: () -> Int, itemName: String, lastIndex: () -> Int, …
2
votes
1 answer

How to add stickyness to fullscreen ScrollableRow elements with Jetpack Compose?

I have a ScrollableRow with lets say 5 fullscreen composables. ScrollableRow( modifier = Modifier.fillMaxSize(), scrollState = scrollState) { myData.items.forEachIndexed{ index, pageItem -> showPage(pageItem) …
2
votes
0 answers

Text composable using Annotated String unexpectedly takes up the same colour as a Button() placed within the same row

I built a composable which is basically a Row containing an address as Text and a Button alongside it. The address contains a label within it (e.g. 'Bill To: ') and to format it slightly differently I am using the buildAnnotatedString function. This…
2
votes
1 answer

Set height to Row in Jetpack Compose equivalent to wrap_content in xml

I have this row with two buttons and one divider. I had set the weight so the buttons can have the same width. Row(modifier = Modifier .fillMaxWidth() .padding(horizontal = 5.dp) .height(300.dp) ) { Button( stringResource(id…
0
votes
1 answer

Android. How to correctly position elements in row?

I'm trying to position elements in my Row like this: text first, immediately followed by an icon, and a second icon that should be nailed to the end (right edge). Here is a visual example of what it should look like: And when text very long I…
0
votes
0 answers

How to give horizontal align two text in jetpack compose?

I have 2 Text, first one is a normal text, so I wrote it in Text, but the second one is a user-changeable text, and I wrote it as OutLineTextField and customized it according to myself, but Row( modifier = modifier …
0
votes
2 answers

Row composable not taking up the full width of parent

I have a shopping list item composable that is not taking up the entire width of the parent, as you can see below with the red border. I want it to be flush against the parent's edge. And why is there some space or padding just before the checkbox?…