CODEWITHSUNDEEP
androidkotlinandroid-jetpack-composeandroid-jetpack
Vivek Modi
Vivek Modi

Reputation: 7161

Modifier weight not available in jetpack compose 1.1.1

I am using compose 1.1.1 in my jetpack compose. I cannot update to latest version. I am want something like this solution. I am getting error on my weight modifier. Can someone guide me how can I get my weight modifier in Row?

implementation "androidx.compose.runtime:runtime:$compose_version"
implementation "androidx.compose.ui:ui:$compose_version"
implementation "androidx.compose.foundation:foundation:$compose_version"
implementation "androidx.compose.foundation:foundation-layout:$compose_version"
implementation "androidx.compose.material:material:$compose_version"
implementation "androidx.compose.runtime:runtime-livedata:$compose_version"
implementation "androidx.compose.ui:ui-tooling:$compose_version"
implementation "androidx.compose.ui:ui-tooling-preview:$compose_version"
androidTestImplementation "androidx.compose.ui:ui-test:$compose_version"
androidTestImplementation "androidx.compose.ui:ui-test-junit4:$compose_version"
debugImplementation "androidx.compose.ui:ui-test-manifest:$compose_version"
implementation "androidx.activity:activity-compose:$compose_version"

Row.kt

Column {
    Row(
        modifier = Modifier.weight(1f, false)
    ) {
        //...
    }
 }

enter image description here

Error

Expression 'weight' cannot be invoked as a function. The function 'invoke()' is not found

Many Thanks

UPDATE

I am adding my whole code here please have a look...

@Composable
fun Input(optionData: OptionData) {
    Column(
        modifier = Modifier
            .fillMaxSize()
    ) {
        Item(optionData)
    }
}


@Composable
fun Item(optionData: OptionData) {
    /// more item of compose i.e. Text, Textfield
    Submit()
}

@Composable
fun Submit() {
    Row(
        modifier = Modifier.weight(1f, false)
    ) {
        //...
    }
}

UPDATE 2

After trying @Thracian solution it solve the problem of weight but my view is not going to bottom.

@Composable
fun Submit() {
    Column {
        OnSubmit {
            PrimaryMaterialButton(text = stringResource(id = R.string.submit)) {

            }
        }
    }
}

@Composable
fun ColumnScope.OnSubmit(content: @Composable () -> Unit) {
    Row(
        modifier = Modifier.weight(1f, false)
    ) {
        content()
    }
}

Upvotes: 2

Views: 5760

Answers (1)

Thracian
Thracian

Reputation: 66724

@Composable
fun Submit() {
    Row(
        modifier = Modifier.weight(1f, false)
    ) {
        //...
    }
}

For this code to be able to access Modifier.weight() from Column it should have receiver as ColumnScope. Some modifiers are created with scope so they are available only inside that scope such as Modifier.weight for Row or Column or Modifier.matchParentSize for Box.

@Composable
fun ColumnScope.Submit() {
    Row(
        modifier = Modifier.weight(1f, false)
    ) {
        //...
    }
}


// Allowed
Column {
    Submit()
}

//Not Allowed
Row() {
    Submit()
}

Upvotes: 7

Related Questions