Sunday, March 6, 2022

jetpack compose - Get screen layout direction

MainActivity.kt

package com.cfsuman.jetpackcompose

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.*
import androidx.compose.material.*
import androidx.compose.runtime.*
import androidx.compose.ui.graphics.Color
import androidx.compose.material.Text
import androidx.compose.material.TopAppBar
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.platform.LocalConfiguration
import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp


class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {GetScaffold()}
    }


    @Composable
    fun GetScaffold() {
        Scaffold(
            topBar = {TopAppBar(
                title = {Text(text = "Compose - Screen Layout Direction")},
                backgroundColor = Color(0xFF5F9EA0),
            )},
            content = { MainContent() },
            backgroundColor = Color(0xFFC2B280)
        )
    }


    @Composable
    fun MainContent() {
        val configuration = LocalConfiguration.current
        val layoutDirection = configuration.layoutDirection

        Box(Modifier.fillMaxSize().padding(12.dp)) {
            Text(
                text = "Screen layout Direction" +
                        "\n${getLayoutDirectionName(layoutDirection)}",
                fontSize = 24.sp,
            )
        }
    }
}


fun getLayoutDirectionName(value:Int):String{
    return when (value) {
        0 -> {
            "LTR : Left To Right"
        }
        1 -> {
            "RTL : Right To Left"
        }
        else -> {"Error!"}
    }
}