0

最近発表されたAdapterListコンポーネントで動的データを使用して作業を整理しようとしました。テストとして、データ リストを親コンポーネントの状態に配置し、クリックするたびに初期リストの長さを 1 つずつ減らすボタンを追加しました。

val (data, setData) = state { testFilms }

Column {
    Button(onClick = {
        setData(testFilms.dropLast(1))
    }) {
        Text("Change")
    }

    AdapterList(
        data,
        modifier = LayoutPadding(5.dp) + LayoutHeight.Fill + LayoutWidth.Fill
    ) { film ->
        FilmItemView(
            film = film,
            selectFilmAction = selectFilmAction,
            logger = logger
        )
    }
}

しかし、期待される結果ではなく、再構成時に次のエラーが発生しましたAdapterList。

java.lang.IndexOutOfBoundsException: Index: 2, Size: 2
    at java.util.ArrayList.get(ArrayList.java:437)
    at androidx.ui.foundation.ListState$composeChildForDataIndex$3$1.invoke(AdapterList.kt:448)
    at androidx.ui.foundation.ListState$composeChildForDataIndex$3$1.invoke(Unknown Source:0)
    at androidx.compose.ObserveKt.Observe(Observe.kt:37)
    at androidx.ui.foundation.ListState$composeChildForDataIndex$3.invoke(Unknown Source:11)
    at androidx.ui.foundation.ListState$composeChildForDataIndex$3.invoke(Unknown Source:0)
    at androidx.compose.Recomposer$recompose$1.invoke(Recomposer.kt:61)
    at androidx.compose.Recomposer$recompose$1.invoke(Recomposer.kt:19)
    at androidx.compose.ViewComposerKt.runWithCurrent(ViewComposer.kt:387)
    at androidx.compose.Recomposer.recompose(Recomposer.kt:51)
    at androidx.compose.Recomposer.access$recompose(Recomposer.kt:19)
    at androidx.compose.Recomposer$Companion.recompose$compose_runtime_release(Recomposer.kt:42)
    at androidx.compose.Composition.compose(Composition.kt:67)
    at androidx.compose.Composition.compose(Composition.kt:59)
    at androidx.compose.Compose$subcomposeInto$1.invoke(Compose.kt:253)
    at androidx.compose.Compose$subcomposeInto$1.invoke(Compose.kt:23)
    at androidx.compose.ViewComposerKt.runWithComposing(ViewComposer.kt:397)
    at androidx.compose.Compose.subcomposeInto(Compose.kt:252)
    at androidx.ui.foundation.ListState.composeChildForDataIndex-N7Qnm20(AdapterList.kt:447)
    at androidx.ui.foundation.ListState.recomposeAllChildren(AdapterList.kt:358)
    at androidx.ui.foundation.ListState.recomposeIfAttached(AdapterList.kt:352)
    at androidx.ui.foundation.AdapterListKt.AdapterList(AdapterList.kt:486)
    at com.gitlab.andrewkuryan.lab1.view.FilmListViewKt$FilmList$1$2$invoke$1.invoke(FilmListView.kt:174)
    at com.gitlab.andrewkuryan.lab1.view.FilmListViewKt$FilmList$1$2$invoke$1.invoke(Unknown Source:0)
    at androidx.compose.ObserveKt.Observe(Observe.kt:37)
    at com.gitlab.andrewkuryan.lab1.view.FilmListViewKt$FilmList$1$2.invoke(Unknown Source:20)
    at com.gitlab.andrewkuryan.lab1.view.FilmListViewKt$FilmList$1$2.invoke(Unknown Source:3)

このコンポーネントで動的データを操作する方法を知っている人はいますか?

4

2 に答える 2

0

最新のdev06 Jetpack Composeを使用している場合は、次の 2 つの方法があります。

  • あなたList<Any>は「構成を意識している」必要があり、そのために利用可能な現在のものはModelList<Any>
  • @Modelタグを使用して状態を変更するモデルを作成できます。@Compososable関数は (を使用してMutableList)認識します。

コード例: 

fun addLogic(modelList: ModelList<MyModel>) {
  modelList.add(MyModel("Smith John", 10))
}

class MyModel(var name: String, var index: Int)

@Composable
fun RecycledList() { // Any name you want
  val modelList<MyModel> = modelListOf()
  var counter = 0

  addLogic(modelList)

  modelList.add(MyModel("John Doe", 99))

  MaterialTheme {
    Column {
      Container(height = 70.dp) {
         Align(alignment = Alignment.Center) {
            Button(onClick = { 
               modelList.add(MyModel("John Smith", counter++))
               // Any other logic you want
            }) {
               Text("ADD ITEM")
            }
         }
      }
      AdapterList(data = modelList) { item ->
         Center {
            Text("Hello ${item.name} - Index: ${item.index}")
         }
      },
    }
  }
}

結果：

                                            AdapterList

テスト中に、値を削除しているAdapterListときに気付きIndexOutOfBoundsExceptionましたが、追加中に問題はありませんでした。その応答が得られたら、回答を更新します。

于 2020-03-11T16:10:13.083 に答える
0

これはバグ (課題 153195921 ) であり、このパッチによって今後のリリースで修正される予定です。

サンプルからテストすることはできませんが、簡単に見てみると、コードはそのパッチで動作するはずです。ただし、パッチのテストケースとかなり似ています。

于 2020-04-08T12:06:21.183 に答える