keegaroo65's questions

Aqui estão minhas duas prévias:

@Preview(showBackground = true)
@Composable
fun RegionsTest1() {
    PromVendorsTheme {
        Row(
            horizontalArrangement = Arrangement.spacedBy(40.dp),
            verticalAlignment = Alignment.CenterVertically,
            modifier = Modifier
                .padding(4.dp)
                .fillMaxWidth()
        ) {
            FilledTonalButton(
                onClick = {
                    // TODO
                }
            ) {
                Text(
                    "See our listings",
                    maxLines = 1,
                    overflow = TextOverflow.Visible,
                )
            }
        }
    }
}

@Preview(showBackground = true)
@Composable
fun RegionsTest2() {
    val location = "Long Island"
    val state = "New York State"

    PromVendorsTheme {
        Row(
            horizontalArrangement = Arrangement.spacedBy(40.dp),
            verticalAlignment = Alignment.CenterVertically,
            modifier = Modifier
                .padding(4.dp)
                .fillMaxWidth()
        ) {
            Image(
                painterResource(R.drawable.prom_vendors_long_island),
                "Birds eye view of $location in $state",
                contentScale = ContentScale.FillWidth,
                modifier = Modifier
            )

            FilledTonalButton(
                onClick = {
                    // TODO
                }
            ) {
                Text(
                    "See our listings",
                    maxLines = 1,
                    overflow = TextOverflow.Visible,
                )
            }
        }
    }
}

E como eles aparecem:

O botão de texto é definido exatamente da mesma maneira, sem nenhum modificador ou restrição de tamanho, exceto:

• Linha: fillMaxWidth()
• Imagem: ContentScale.FillWidth

Eu até tentei fazer

• Texto: TextOverflow.Visible
• FilledTonalButton: fillMaxWidth()

para consertar, e eles não mudaram nada.

Veja como eu quero que a linha se comporte no final: (o texto tem prioridade de largura, então a imagem ocupa o restante da largura disponível na tela dentro do preenchimento e a altura é dimensionada para manter uma proporção de 1:1. (imagem do Figma)

E minhas versões gradle/dependências para qualquer curioso:

[versions]
agp = "8.7.2"
firebaseBom = "33.12.0"
kotlin = "2.0.0"
coreKtx = "1.15.0"
junit = "4.13.2"
junitVersion = "1.2.1"
espressoCore = "3.6.1"
lifecycleRuntimeKtx = "2.8.7"
activityCompose = "1.10.0"
composeBom = "2024.04.01"
googleServices = "4.4.2"
material3AdaptiveNavigationSuiteAndroid = "1.3.0-rc01"
navigationCompose = "2.7.6"

EXPLICAÇÃO:

Eu tenho uma tela de orçamento

os princípios básicos da classe Home.kt estão aqui:

@Composable
fun Home(navController: NavController) {
    var currentBalance = Budget.currentBalance

    Column(
        /* ... */
    ) {
        /* ... */
    }
}

o texto é determinado aqui (no fundo da coluna mostrada acima):

Text(
    text = if (currentBalance>= 0) // this ternary operator adds the "$" and/or "-" cleanly
        "\$${"%.${2}f".format(currentBalance)}" // eg. 2.56 -> $2.56
    else "-\$${"%.${2}f".format(-currentBalance)}", // eg. -7.94 -> -$7.94
    textAlign = TextAlign.Center,
    color = MaterialTheme.colorScheme.onPrimary,
    style = MaterialTheme.typography.displayLarge
)

meus princípios básicos da classe Budget.kt estão aqui:

class Budget {
    companion object {
        var currentBalance: Double = 0.0
            get() = field
            private set(value) {
                field = value
            }

        /* ... */

        private fun AddBalance(funds: Double) {
            Companion.currentBalance += funds
            Save()
        } // Adds money to Balance

        private fun RemoveBalance(funds: Double) {
            Companion.currentBalance -= funds
            Save()
        } // Removes money from Balance

        /* ... */
    }
}

AddBalance() e RemoveBalance() são chamados de outro método que lida com todas as transações com base em um tipo, confirmei por meio de logs que Budget.currentBalance está sendo alterado corretamente e se você reabrir o aplicativo (o saldo é salvo em um arquivo de texto ) ou recomponha-o por meio de atualizações ao vivo, o Texto é atualizado conforme o esperado;

o texto simplesmente não será recomposto instantaneamente.

SOLUÇÕES TENTATIVAS:

em primeiro lugar, tentei mudar Home().currentBalance para mutableDoubleState, pois é assim que outros valores fazem

@Composable
fun Home(navController: NavController) {
    var currentBalance: MutableDoubleState = remember {
        mutableDoubleStateOf(Budget.currentBalance)
    }

    Column(
        /* ... */
    )
}

mas isso não funcionou e concluí neste tópico que preciso alterar Home().currentBalance.value de alguma forma de Budget.Companion, mas não tenho certeza de como fazer isso, o exemplo de implementação foi confuso. nenhuma exceção ocorreu, meu aplicativo não trava; simplesmente não se recompõe quando eu quero.

por favor ajude :]

~kee