适用compose实现 时间选择器

可以使用 React Native 中的组件库 react-native-modal-datetime-picker 来实现时间选择器。这个组件库可以让你在应用中方便地添加日期和时间选择器。你可以使用它来创建一个模态框，让用户选择日期和时间。使用这个组件库的好处是，它可以自动适应不同的设备和操作系统，同时也提供了一些自定义选项，让你可以根据自己的需求来调整选择器的外观和行为。

相关问题

compose 时间选择器

以下是使用Compose实现的一个时间选择器的示例代码，你可以根据自己的需求进行修改和定制：

@Composable
fun TimePicker(
    selectedTime: String,
    onTimeSelected: (String) -> Unit
) {
    var time by remember { mutableStateOf(selectedTime) }
    val timeFormat = SimpleDateFormat("hh:mm a", Locale.getDefault())

    Column(
        modifier = Modifier
            .fillMaxWidth()
            .padding(16.dp)
    ) {
        Text(
            text = "Selected Time: $time",
            fontSize = 20.sp,
            fontWeight = FontWeight.Bold,
            textAlign = TextAlign.Center,
            modifier = Modifier.fillMaxWidth()
        )

        Spacer(modifier = Modifier.height(16.dp))

        Row(
            modifier = Modifier.fillMaxWidth(),
            horizontalArrangement = Arrangement.Center
        ) {
            Button(
                onClick = {
                    val calendar = Calendar.getInstance()
                    val hour = calendar.get(Calendar.HOUR_OF_DAY)
                    val minute = calendar.get(Calendar.MINUTE)

                    val timePickerDialog = TimePickerDialog(
                        LocalContext.current,
                        { _, hourOfDay, minuteOfHour ->
                            calendar.set(Calendar.HOUR_OF_DAY, hourOfDay)
                            calendar.set(Calendar.MINUTE, minuteOfHour)
                            time = timeFormat.format(calendar.time)
                            onTimeSelected(time)
                        },
                        hour,
                        minute,
                        false
                    )

                    timePickerDialog.show()
                }
            ) {
                Text(text = "Select Time")
            }
        }
    }
}

使用方法：

var selectedTime by remember { mutableStateOf("12:00 AM") }

TimePicker(
    selectedTime = selectedTime,
    onTimeSelected = { time ->
        selectedTime = time
    }
)

Android开发compose 实现 用户选择文件夹 ，返回文件夹路径

在Compose中实现用户选择文件夹并返回文件夹路径，可以使用Android中的DocumentFile API。具体实现步骤如下：

1. 在build.gradle文件中添加以下依赖项：

implementation 'androidx.documentfile:documentfile:1.0.1'

2. 创建一个Compose函数，用于显示文件夹选择器：

@Composable
fun FolderPicker(onFolderSelected: (String) -> Unit) {
    val activity = LocalContext.current as AppCompatActivity
    val launcher = rememberLauncherForActivityResult(ActivityResultContracts.OpenDocumentTree()) { uri ->
        if (uri != null) {
            val documentFile = DocumentFile.fromTreeUri(activity, uri)
            if (documentFile != null && documentFile.isDirectory) {
                onFolderSelected(documentFile.uri.toString())
            }
        }
    }
    Button(onClick = { launcher.launch(arrayOf("*/*")) }) {
        Text("Select Folder")
    }
}

3. 在Activity或Fragment中使用FolderPicker函数，并在回调中获取所选文件夹的路径：

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            Box(Modifier.fillMaxSize()) {
                var folderPath by remember { mutableStateOf("") }
                FolderPicker { path ->
                    folderPath = path
                }
                Text(text = folderPath)
            }
        }
    }
}

当用户点击“Select Folder”按钮时，会打开文件夹选择器。当用户选择文件夹后，会调用回调函数并将文件夹路径作为参数传递。在上面的例子中，我们使用Text函数显示所选文件夹的路径。