NullPointerException's questions

Como posso atualizar os resultados do SearchBar com cada tecla pressionada no teclado? Não há variáveis ​​value e valuechanged nele. Aqui está a documentação.

Este é o exemplo:

@Composable
fun DockedSearchBarScaffold() {
    val textFieldState = rememberTextFieldState()
    val searchBarState = rememberSearchBarState()
    val scope = rememberCoroutineScope()
    val scrollBehavior = SearchBarDefaults.enterAlwaysSearchBarScrollBehavior()

    val inputField =
    @Composable {
        SearchBarDefaults.InputField(
            modifier = Modifier,
            searchBarState = searchBarState,
            textFieldState = textFieldState,
            onSearch = {
                scope.launch {
                    searchBarState.animateToCollapsed()
                }
            },
            placeholder = { Text("Search...") },
            leadingIcon = {
                if (searchBarState.currentValue == SearchBarValue.Expanded) {
                    IconButton(
                        onClick = { scope.launch { searchBarState.animateToCollapsed() } }
                    ) {
                        Icon(Icons.AutoMirrored.Default.ArrowBack, contentDescription = "Back")
                    }
                } else {
                    Icon(Icons.Default.Search, contentDescription = null)
                }
            }
        )
    }

    TopSearchBar(
        scrollBehavior = scrollBehavior,
        state = searchBarState,
        inputField = inputField,
    )
    ExpandedDockedSearchBar(
        state = searchBarState,
        inputField = inputField,
    ) {
        SearchResults(
            busStops = emptyList(),
            onResultClick = { result ->
                textFieldState.setTextAndPlaceCursorAtEnd(result)
                scope.launch { searchBarState.animateToCollapsed() }
            }
        )
    }
}

Estou tentando exibir uma barra de lanches no jetpack compose, mas ele não está exibindo o botão X de fechar correto presente no exemplo da documentação . Em vez disso, ele está exibindo apenas a mensagem. Não consigo descobrir como exibir esse botão X de fechar.

aqui você pode ver o suposto botão fechar à direita:

meu código:

val snackbarHostState = remember { SnackbarHostState() }
SnackbarHost(hostState = snackbarHostState)

uiState.toastMessage?.let {
    val message = stringResource(it)
    LaunchedEffect(key1 = message) {
        snackbarHostState.showSnackbar(
            message = message,
            duration = SnackbarDuration.Indefinite
        )
        vm.toastMessage(null)
    }
}

É possível exibir um espaço reservado no painel de detalhes de um ListDetailPaneScaffoldquando ainda nenhum item da lista foi selecionado? Estou exibindo uma rota em um mapa quando um item é selecionado, e seria preferível exibir um mapa vazio no painel de detalhes antes que qualquer item fosse selecionado. Exibir um espaço branco vazio não parece bom. Não consigo encontrar como fazer isso nos documentos.

ListDetailPaneScaffold(
    modifier = Modifier.fillMaxSize(),
    directive = navigator.scaffoldDirective,
    value = navigator.scaffoldValue,
    listPane = {
        AnimatedPane(modifier = Modifier.fillMaxWidth(0.1f)) {
            LinesList(
                lines = uiState.lines,
                selectedIndex = uiState.lines.indexOf(uiState.selectedLine),
                onItemClick = { index ->
                    // Navigate to the detail pane with the passed item
                    navigator.navigateTo(ListDetailPaneScaffoldRole.Detail, index)
                },
            )
        }
    },
    detailPane = {
        AnimatedPane {
            // Show the detail pane content if selected item is available
            navigator.currentDestination?.content?.let { index ->
                val selectedLine = uiState.lines[index]
                vm.selectLine(selectedLine)
                Map(selectedItem = uiState.selectedLine)
            }
        }
    },
)

Preciso adicionar um BitmapDescriptor à minha polilinha no Jetpack ComposeGoogle Maps:

val arrowBitmapDescriptor: BitmapDescriptor by remember { mutableStateOf(BitmapDescriptorFactory.fromResource(R.drawable.arrow)) }
Polyline(
    points = polylinePoints,
    endCap = CustomCap(arrowBitmapDescriptor, 30f),
    color = Color(0xff0e71b8)
)

Mas preciso que o bitmapDescriptor seja colorido com a mesma cor da Polilinha, neste caso 0xff0e71b8.

Como isso pode ser feito?

No Android Views era possível dessa forma, mas não consigo descobrir como fazer isso com o Jetpack Compose BitmapDescriptor:

public BitmapDescriptor getEndCapIcon(int color) {
    Drawable drawable = ContextCompat.getDrawable(this, R.drawable.arrow);
    drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
    drawable.setColorFilter(color, PorterDuff.Mode.MULTIPLY);
    android.graphics.Bitmap bitmap = android.graphics.Bitmap.createBitmap(drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight(), Bitmap.Config.ARGB_8888);
    Canvas canvas = new Canvas(bitmap);
    drawable.draw(canvas);
    return BitmapDescriptorFactory.fromBitmap(bitmap);
}

Como envolver a altura do conteúdo de um Columnque tem vários Composables, um deles sendo outro Column? Eu tenho um Cardcom um Columncom 3 itens, um título, um corpo ( Columncom n textos e rolagem) e um texto inferior. A ideia é que se o Cardtem mais altura do que a tela, então, o usuário terá a possibilidade de rolar o corpo (o corpo tem uma rolagem). O problema é que se o corpo tem muito conteúdo (preenchendo toda a altura da tela), o texto inferior do cartão não é exibido.

Com o próximo exemplo, você pode clicar para ampliar ou encurtar o texto para testar o problema.

var long by remember{ mutableStateOf(true) }
Card(modifier = modifier.widthIn(max = 400.dp).fillMaxWidth().padding(16.dp),
    onClick = { long = !long }
) {
    Box(modifier = Modifier.fillMaxWidth(), contentAlignment = Alignment.Center) {
        Column(modifier = Modifier.padding(16.dp), horizontalAlignment = Alignment.CenterHorizontally) {
            Text(text = "1")
            Text(text = "2")

            val scrollState = rememberScrollState()
            Column(modifier = Modifier.verticalScroll(scrollState)) {
                if (long)
                    repeat(50) { Text(text = "body") }
                else
                    repeat(3) { Text(text = "body") }
            }

            Text(text = "3")
        }
    }
}

Tentei usar wrapContentHeightna coluna pai (mesmo resultado), também tentei usar weight(1f)na coluna filho (então o texto inferior fica sempre visível, mas o cartão fica sempre esticado na altura da tela cheia), etc... não consigo obter o comportamento desejado.

Na documentação eles dizem isso:

Uso básico Implemente ListDetailPaneScaffold da seguinte forma:

Use uma classe que represente o conteúdo a ser selecionado. Essa classe deve ser Parcelable para dar suporte a salvar e restaurar o item de lista selecionado. Use o plugin kotlin-parcelize para gerar o código para você.

@Parcelize
class MyItem(val id: Int) : Parcelable

E depois, eles usam isso dessa maneira:

val navigator = rememberListDetailPaneScaffoldNavigator<MyItem>()

Por que eles pedem para você usar uma classe personalizada? Por que não usar simplesmente um Int representando o índice atual clicado? Simplesmente isso:

val navigator = rememberListDetailPaneScaffoldNavigator<Int>()

Estou perdendo alguma coisa? Eu testei e funciona. Ele até sobrevive a mudanças de configuração sem ter que lidar com Parcelable. Ele simplifica tudo. Por que adicionar a complexidade de uma classe Parcelable personalizada em vez de simplesmente usar um índice Int?

Estou usando Retrofit e Jackson com parser XML para transformar esse XML em classes de dados. Como você pode ver, é um array muito raro dentro de child_group... há um item e uma info, um item e uma info, etc... não é um array normal.

<?xml version="1.0" encoding="utf-8"?>
<parent id="2261">
    <child_group>
        <item>
            <line>1</line>
        </item>
        <info></info>
        <item>
            <line>2</line>
        </item>
        <info></info>
        <item>
            <line>3</line>
        </item>
        <info></info>
    </child_group>
</parent>

Não consigo encontrar nenhuma informação sobre como criar a estrutura de classe de dados para analisar isso. O que posso tentar em seguida?

Esta estrutura de classe de dados passada para retrofit analisa apenas o primeiro item e a primeira informação, mas não o restante deles:

@JacksonXmlRootElement(localName = "parent")
data class Parent(
    val id: String,
    @JacksonXmlElementWrapper(useWrapping = false)
    @JacksonXmlProperty(localName = "child_group")
    val child_group: ChildGroup
)

data class ChildGroup(
    @JacksonXmlElementWrapper(useWrapping = false)
    @JacksonXmlProperty(localName = "item")
    val item: List<Item>,
    val info: String? = null
)

data class Item(
    val line: String
)

Este é meu construtor Retrofit:

Retrofit.Builder().baseUrl("https://www.website.es/")
.addConverterFactory(
    JacksonConverterFactory.create(XmlMapper()
    .configure(DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES, false)
    .registerKotlinModule()))
.build().create(ApiService::class.java)

Eu tentei fazer isso também, com o mesmo resultado:

@JacksonXmlRootElement(localName = "parent")
data class Parent(
    val id: String,
    @JacksonXmlProperty(localName = "child_group")
    @JacksonXmlElementWrapper(useWrapping = false)
    val childGroup: List<ChildGroupItem> 
)

data class ChildGroupItem(
    val item: Item,
    val info: String? = null 
)

data class Item(
    val line: String
)

Estou adicionando muitos marcadores em um mapa do Google no Jetpack Compose, e funciona, mas preciso pintá-los apenas quando o nível de zoom estiver acima de 15, então adicionei if (cameraPositionState.position.zoom > 15)antes de adicionar os marcadores. Também funciona, mas funciona muito lento porque cada vez que movo a posição da câmera com o dedo, o mapa recompõe tudo e adiciona novamente todos os marcadores.

Como posso evitar essa recomposição toda vez que a câmera for movida?

Se eu remover isso, if (cameraPositionState.position.zoom > 15)as recomposições desaparecem e o mapa fica suave novamente, mas preciso dessa verificação para evitar pintar os criadores se o nível de zoom estiver acima de 15.

Como resolver isso?

val cameraPositionState = rememberCameraPositionState {
    position = CameraPosition.fromLatLngZoom(city, 13f)
}

GoogleMap(modifier = Modifier.fillMaxSize(), cameraPositionState = cameraPositionState) {
    if (cameraPositionState.position.zoom > 15) { // THIS LINE IS THE ISSUE
        val bitmapDescriptor = BitmapDescriptorFactory.fromResource(R.drawable.ic_bus_mini)
        for (busStop in uiState.data) {
            Marker(
                state = rememberMarkerState(position = LatLng(busStop.lat, busStop.lon)),
                title = busStop.name, icon = bitmapDescriptor,
            )
        }
    }
}

Tentei uma solução usando derivedstateof:

val showMarkers by remember(cameraPositionState.position.zoom) {
    derivedStateOf {
        cameraPositionState.position.zoom > 15
    }
}

e mudando o if por if (showMarkers) {mas o problema persiste, movendo a câmera, faz tudo recompor adicionando todos os marcadores novamente e atrasando o mapa

Tendo este estado:

sealed interface BusStopsDBScreenUiState {
    val message: StringResource?
    data class Loading(override val message: StringResource? = null) : BusStopsDBScreenUiState
    data class Error(override val message: StringResource? = null) : BusStopsDBScreenUiState
    data class Success(val data: List<BusStop>, override val message: StringResource? = null) : BusStopsDBScreenUiState
}

E este cheque:

if ((currentState is BusStopsDBScreenUiState.Success) || (currentState is BusStopsDBScreenUiState.Error))
    _uiState.value = currentState.copy(message = null)
}

Estou recebendo este erro durante copya chamada:

Referência não resolvida: cópia

Se eu remover o ||operador e deixar simplesmente if (currentState is BusStopsDBScreenUiState.Success)copiar, esse erro não ocorrerá mais.

Como isso é possível? Como isso pode ser resolvido?

Tenho um banco de dados de salas com um relacionamento muitos para muitos entre pontos de ônibus e linhas

@Entity(tableName = "BusStops")
data class BusStopEntity(
    @PrimaryKey val id: Int = 0,
    val name: String,
    val lat: Double,
    val lon: Double
)

@Entity(tableName = "Lines")
data class LineEntity(
    @PrimaryKey val id: Int = 0,
    val name: String
)

@Entity(primaryKeys = ["busStopId", "lineId"])
data class BusStopLineEntity(
    val busStopId: Int,
    val lineId: Int
)

Eu uso esta classe de dados para ter o relacionamento:

data class LineWithBusStops(
    @Embedded val line: LineEntity,
    @Relation(
        parentColumn = "id",
        entityColumn = "busStopId",
        associateBy = Junction(BusStopLineEntity::class)
    )
    val busStops: List<BusStopEntity>
)

Mas recebo um erro na @RelationlinhaentityColumn = "busStopId"

Não é possível encontrar a coluna da entidade filho busStopIdem com.local.model.BusStopEntity. Opções: id, nome, lat, lon

Se eu mudar busStopIdpara id, terei ainda mais erros.

Alguma ideia?

Preciso analisar este XML retornado pelo Retrofit:

<data>
    <id>1</id>
    <subdata>
        <id>1a</id>
    </subdata>
    <subdata>
        <id>1b</id>
    </subdata>
</data>

Estou usando Jackson:

Retrofit.Builder()
    .baseUrl("https://www.web.com/")
    .addConverterFactory(JacksonConverterFactory.create(XmlMapper()
        .configure(DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES, false)
        .registerKotlinModule()))
    .build().create(DataApiService::class.java)

Tentei com essas classes de dados para o objeto:

data class Data(
    val id: String,
    @JacksonXmlProperty(localName = "subdata")
    val subdata1: SubData,
    @JacksonXmlProperty(localName = "subdata")
    val subdata2: SubData
)

data class SubData(
    val id: String,
)

Mas não funciona:

IllegalArgumentException: Conflicting getter definitions for property "subdata": com.data.model.Data#getSubdata1() vs com.data.model.Data#getSubdata2()

O que posso fazer se eu precisar colocar um lazycolumndentro de um lazycolumn? Estou recebendo este erro:

IllegalStateException: O componente com rolagem vertical foi medido com restrições de altura máxima infinita, o que não é permitido.

Eu sei que, como diz o documento ( https://developer.android.com/develop/ui/compose/lists#avoid-nesting-scrollable ), devemos evitar aninhar componentes roláveis ​​na mesma direção.

Mas meu aplicativo é um aplicativo especial, como um "construtor de aplicativos" no qual o usuário pode construir um aplicativo usando diferentes tipos de itens, por exemplo: textos, imagens, contêineres de rolagem vertical ( lazycolumns), contêineres de rolagem horizontal ( lazyrows), etc. e, por exemplo, o usuário é livre para colocar uma rolagem vertical, com algum texto e uma rolagem horizontal, e essa rolagem horizontal pode ter uma rolagem vertical dentro.

Preciso saber como conseguir isso

É possível especificar o alinhamento vertical de um contêiner por uma porcentagem da altura do contêiner? por exemplo, 20% da altura.

Só consigo encontrar formas padrão comoverticalAlignment = Alignment.CenterVertically

Por exemplo:

LazyRow(
        modifier = modifier.fillMaxSize(),
        verticalAlignment = Alignment.CenterVertically, <--- I need this to be 20% 
        horizontalArrangement = Arrangement.spacedBy(5.dp, Alignment.CenterHorizontally)
    ) {
        items(section.options) { menuOption ->
            HorizontalMenuOption(
                option = menuOption,
                buttonWidthPercentage = buttonWidthPercentageInFloat,
                onClickAction = onClickAction
            )
        }
    }

Um elemento que pode ser composto com a navhostserá recomposto em um loop infinito se eu adicionar uma condição if para navegar até uma tela se um parâmetro int que representa a seção atual tiver sido alterado. A condição não mudou, o parâmetro é sempre 1 em cada recomposição , mas o que pode ser composto está sendo recomposto constantemente se eu adicionar esse if. Se eu removê-lo, ele só será recomposto uma vez.

A razão pela qual preciso disso é porque um evento externo (não neste elemento que pode ser composto ou em seus filhos) pode alterar a tela atual e é representado por aquela variável chamada currentSectionIdque está sendo observada no elemento que pode ser composto pai a partir de um fluxo de estado armazenado em outra classe.

Alguém pode me explicar esse loop infinito?

@Composable
fun ApplicationNavHost(
    currentSectionId: Int,
    modifier: Modifier = Modifier,
    navController: NavHostController = rememberNavController()
) {
    val sections = SectionHolder.sections
    val startSection = SectionHolder.startSection

    NavHost(
        navController = navController,
        startDestination = startSection.toString(),
        modifier = modifier
    ) {
        for ((i, section) in sections.withIndex()) {
            Log.d("XXXX", "added route: $i")
            composable(route = i.toString()) {
                SectionComposableFactory(
                    section = section,
                )
            }
        }
    }

    if (currentSectionId != startSection.toInt()){
        navController.navigate(currentSectionId.toString())
        Log.d("XXXX", "new section: $currentSectionId")
    }
}

Como atualizar um uistate mutablestate para definir o item selecionado atual em um viewmodel? Eu tenho essa classe uistate e preciso alterar o valor de selectedBookId.

sealed interface BooksGridUiState {
    data class Success(
        val booksList: List<BookData>,
        val selectedBookId: String?
    ) : BooksGridUiState
    object Error : BooksGridUiState
    object Loading : BooksGridUiState
}

Esta é a variável no viewmodel:

var uiState: BooksGridUiState by mutableStateOf(BooksGridUiState.Loading)
        private set

Não consigo fazer o truque de ligar

.update {
    it.copy(

Porque este não é um mutablestateflow e estou seguindo um codelab e preciso usar mutablestate (editado)

é correto fazer assim?

fun selectBook(id: String) {
    (uiState as BooksGridUiState.Success).let {
        uiState = BooksGridUiState.Success(it.booksList, id)
    }
}

talvez seja melhor fazer assim?

fun selectBook(id: String) {
    (uiState as BooksGridUiState.Success).let {
        uiState = it.copy(selectedBookId = id)
    }
}