【发布时间】：2021-08-20 03:36:52
【问题描述】：
我想使用 Jetpack compose 实现一个图像选择器 我正在寻找解决方案，我发现了一些类似的教程 https://ngengesenior.medium.com/pick-image-from-gallery-in-jetpack-compose-5fa0d0a8ddaf 我使用了他们解释的代码，它运行良好，但我有一个问题！
我的应用程序包含一个活动“MainActivity”，它开始呈现组合组件，我的一个屏幕是一个表单，其中包含一个用于选择图像的字段和其他字段，当我使用下面的代码时，它会打开图库并选择一个图像当点击 OK 时，它会转到 MainActivity，但我需要留在表单的同一屏幕上，以便用户可以继续填写表单，我将列出代码，希望有人可以帮助我
val launcher = rememberLauncherForActivityResult(contract =
ActivityResultContracts.GetContent()) { uri: Uri? ->
imageUri = uri
}
Column() {
Button(onClick = {
launcher.launch("image/*")
}) {
Text(text = "Pick image")
}
Spacer(modifier = Modifier.height(12.dp))
imageUri?.let {
if (Build.VERSION.SDK_INT < 28) {
bitmap.value = MediaStore.Images
.Media.getBitmap(context.contentResolver,it)
} else {
val source = ImageDecoder
.createSource(context.contentResolver,it)
bitmap.value = ImageDecoder.decodeBitmap(source)
}
bitmap.value?.let { btm ->
Image(bitmap = btm.asImageBitmap(),
contentDescription =null,
modifier = Modifier.size(400.dp))
}
}
}
- 我的 MainAcrivity，我有很多嵌套屏幕，但假设我在主屏幕上有一个按钮，可以转到如下所示的窗体屏幕
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
Button(
onClick = {
navController.navigate(AppScreens.FormScreen.route)
},
) {
Text(text = "Go to form screen" )
}
}
}
}
- 这是我的表单屏幕，包括许多字段，例如文本、数字、日期和图像字段
@Composable
fun FormScreen() {
var imageUri by remember { mutableStateOf<Uri?>(null) }
val context = LocalContext.current
var bitmap by remember { mutableStateOf<Bitmap?>(null) }
val launcher = rememberLauncherForActivityResult(contract =
ActivityResultContracts.GetContent()) { uri: Uri? ->
imageUri = uri
}
Column {
// some text field in the form
// another number field in the form
// select image filed in the form
CustomInputFieldContainer(
label = "select image"
) {
Box(contentAlignment = Alignment.Center, modifier = Modifier.fillMaxSize()) {
Column(horizontalAlignment = Alignment.CenterHorizontally) {
imageUri?.let {
if (Build.VERSION.SDK_INT < 28) {
bitmap = MediaStore.Images
.Media.getBitmap(context.contentResolver,it)
} else {
val source = ImageDecoder
.createSource(context.contentResolver,it)
bitmap = ImageDecoder.decodeBitmap(source)
}
bitmap.let { btm ->
Image(bitmap = btm.asImageBitmap(),
contentDescription =null,
modifier = Modifier.size(400.dp))
}
}
Button(
onClick = { launcher.launch("image/*") },
contentPadding = PaddingValues(),
modifier = Modifier.background(Color.Yellow)
) {
Row(
modifier = Modifier
.fillMaxWidth()
.wrapContentSize(Alignment.BottomCenter)
.padding(vertical = 10.dp),
verticalAlignment = Alignment.CenterVertically
) {
Icon(imageVector = Icons.Filled.AddAPhoto, contentDescription = null)
Spacer(modifier = Modifier.width(8.dp))
Text(text = "Add Photo")
}
}
}
}
}
}
}
现在我想在单击选择图像按钮时从图库中选择一张图片，然后返回我的表单以完成其余字段，当我尝试上述代码时，我可以选择一张图片，但它进入了主要活动这让我丢失了数据
对解决这个问题有什么帮助吗？
【问题讨论】：
标签： android kotlin android-jetpack-compose