如何使用Jetpack Compose从图库中选择多张照片？

huangapple
go评论87阅读模式
英文:

How to select multiple photos from gallery using jetpack compose?

问题

  1. @Composable
  2. fun ItemScreen(){
  3.   Column(modifier = Modifier
  4.     .fillMaxSize()
  5.     .verticalScroll(rememberScrollState())
  6.     .padding(10.dp)) {
  7.       Headline(modifier = Modifier.fillMaxWidth())
  8.       AddItemRow(titleName = "输入颜色", KeyboardOptions(keyboardType = KeyboardType.Text))
  9.       OpenGallery()
  10. }
  12.  @Composable
  13. fun OpenGallery(){
  14.   var selectedImage =  remember { mutableStateListOf<Uri?>() }
  15.   val launcher = rememberLauncherForActivityResult(contract = ActivityResultContracts.GetMultipleContents()){
  16.     selectedImage = it.toMutableStateList()
  17.   }
  18.   GalleryContent(selectedImage) {
  19.     launcher.launch("image/jpeg")
  20.   }
  21. }
  23.  @Composable
  24. fun GalleryContent(
  25. selectedImage: MutableList<Uri?> ?= null,
  26. OnImageClick: () -> Unit
  27. )
  28. {
  29.  if (selectedImage?.isEmpty() == true) {
  30.     Button(
  31.         onClick = OnImageClick,
  32.     ) {
  33.         Text(text = "选择照片", color = Color.White, style = MaterialTheme.typography.bodySmall)
  34.     }
  35. }
  36.  else{
  37.     LazyColumn(modifier = Modifier.height(300.dp)) {
  38.         items(selectedImage!!){ it ->
  39.             Text(text = it?.path.toString(), color = Color.Black)
  40.             Spacer(modifier = Modifier.height(9.dp))
  41.         }
  42.     }
  43.  }
  44. }
英文:

In my project i want to display the paths of gallery photos using lazy column in jetpack compose but when i select any photos and return back to screen , lazy column dost not show any paths. This my code

  1.   @Composable
  2. fun ItemScreen(){
  3.   Column(modifier = Modifier
  4.     .fillMaxSize()
  5.     .verticalScroll(rememberScrollState())
  6.     .padding(10.dp)) {
  7.       Headline(modifier = Modifier.fillMaxWidth())
  8.       AddItemRow(titleName = &quot;Enter Color&quot;, KeyboardOptions(keyboardType = KeyboardType.Text))
  9.       OpenGallery()
  10. }
  12.  @Composable
  13. fun OpenGallery(){
  14.   var selectedImage =  remember { mutableStateListOf&lt;Uri?&gt;() }
  15.   val launcher = rememberLauncherForActivityResult(contract = ActivityResultContracts.GetMultipleContents()){
  16.     selectedImage = it.toMutableStateList()
  17.   }
  18.   GalleryContent(selectedImage) {
  19.     launcher.launch(&quot;image/jpeg&quot;)
  20.   }
  21. }
  23.  @Composable
  24. fun GalleryContent(
  25. selectedImage: MutableList&lt;Uri?&gt; ?= null,
  26. OnImageClick: () -&gt; Unit
  27. )
  28. {
  29.  if (selectedImage?.isEmpty() == true) {
  30.     Button(
  31.         onClick = OnImageClick,
  32.     ) {
  33.         Text(text = &quot;Choose Photos&quot;, color = Color.White, style = MaterialTheme.typography.bodySmall)
  34.     }
  35. }
  36.  else{
  37.     LazyColumn(modifier = Modifier.height(300.dp)) {
  38.         items(selectedImage!!){ it -&gt;
  39.             Text(text = it?.path.toString(), color = Color.Black)
  40.             Spacer(modifier = Modifier.height(9.dp))
  41.         }
  42.     }
  43.  }
  44. }

How do i fix it . Please help

答案1

得分: 2

你可以使用以下代码代替 selectedImage = it.toMutableStateList()：

  1. val selectedImage = remember { mutableStateListOf<Uri?>(null) }
  2. val launcher = rememberLauncherForActivityResult(ActivityResultContracts.GetMultipleContents()) {
  3.     selectedImage.apply {
  4.         clear()
  5.         addAll(it)
  6.     }
  7. }
英文:

Instead of selectedImage = it.toMutableStateList() you can use:

  1. val selectedImage = remember { mutableStateListOf&lt;Uri?&gt;(null) }
  2. val launcher = rememberLauncherForActivityResult(ActivityResultContracts.GetMultipleContents()) {
  3.     selectedImage.apply {
  4.         clear()
  5.         addAll(it)
  6.     }
  7. }

huangapple
  • 本文由 发表于 2023年2月14日 01:58:42
  • 转载请务必保留本文链接：https://go.coder-hub.com/75439594.html
  • android
  • android-jetpack-compose
  • kotlin
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定