Hello is there a better way to center align this icon button kotlinlang #compose

Channels

100daysofkotlin

100daysofkotlin-2021

algolialibraries

android-architecture

android-databinding

androidgithubprojects

androidx-xprocessing

arrow-contributors

beepiz-libraries

cincinnati-user-group

codemash-precompiler

codingconventions

competitive-programming

competitivecoding

compose-android

compose-desktop

compose-ui-showcase

connect-audit-events

cscenter-course-2016

domain-driven-design

effective-kotlin

effectivekotlin

embedded-kotlin

event21-community-content

fb-internal-demo

fluid-libraries

framework-elide

getting-started

github-workflows-kt

graviton-browser

image-processing

intellij-plugins

intellij-tricks

introduce-yourself

java-to-kotlin-refactoring

jhipster-kotlin

jvm-ir-backend-feedback

k2-early-adopters

kotest-contributors

kotlin-by-example

kotlin-data-storage

kotlin-foundation

kotlin-in-action

kotlin-multiplatform-contest

kotlin-pakistan

kotlinforbeginners

kotlingforbeginners

kotlinprogrammers

kotlintest-devs

kotlinultimatechallenge

kotlinx-datetime

lambdaworld_cadiz

language-evolution

language-proposals

leedskotlinusergroup

library-development

machinelearningbawas

myndocs-oauth2-server

navigation-architecture-component

ohio-kotlin-users

pattern-matching

pocketgitclient

practical-functional-programming

prozis-android-backup

python-contributors

realworldkotlin

refactoring-to-kotlin

refreshversions

russian-kotlinasfirst

skia-wasm-interop-temp

sofl-user-group

spring-security

squarelibraries

stayhungrystayfoolish

strife-discord-lib

swagger-gradle-codegen

swiss-user-group

tricity-kotlin-user-group

Title

n

nuhkoca

04/13/2022, 10:04 AM

Hello, is there a better way to center align this icon button to the text rather than using offset? It a little bit looks off to me.

✅ 1

c

Csaba Szugyiczki

04/13/2022, 10:28 AM

I guess you already put them in a

Row

If yes, the Row has a

verticalAlignment

parameter to which you can pass

Alignment.CenterVertically

➕ 1

👍 1

c

Chris Sinco [G]

04/13/2022, 10:36 AM

Depending what version of Compose you are using, includeFontPadding may still be on, which has led to less than pixel perfect vertical alignment with Text in the past, which in that case requires tiny nudges with offset 😔

✔️ 2

n

nuhkoca

04/13/2022, 11:27 AM

Thank you guys for a quick turnaround, I think I fixed it using custom layout but there is another problem 😞 Even though I wrap both

title

and

description

inside a

Column

, the

description

doesn’t respect to the `title'`s space and overlaps it. Do you know why?

My layout

Layout(
    modifier = Modifier
        .padding(horizontal = TRTheme.spacing.default)
        .padding(top = TRTheme.spacing.default, bottom = TRTheme.spacing.single),
    content = {
        ...
    }) { measurables, constraints ->
    ...

ok, instead of

maxHeight

, used placeables’ height and it is fixed 🙂

👍 1

10 Views

#compose Join Slack