使用 react native 和 expo 創建自定義日期選擇器

Question

我想為 select 創建一個框，日期如附圖所示。 你建議用 expo 創建類似的東西？

我嘗試使用 MUI 的 Mobile DatePicker API，但它不起作用，出現錯誤。

Answer 1

https://www.npmjs.com/package/@react-native-community/datetimepicker

適用於 Expo。 Static 版本設置為 3.xx（版本 3）。 因此，您不會擁有他們文檔中描述的全部功能，但您將擁有足夠的功能。

expo install @react-native-community/datetimepicker

而不是 npm 以確保您獲得兼容版本。

這個庫可能有點難以使用。 我對您的主要建議是您自己創建一個看起來像您的設計的自定義組件。 然后用 TouchableOpacity 包裝它並 onPress 設置 DateTimePicker 以顯示其模式。 從 onChange 結果中獲取您需要的值，並將其傳遞給您的本地 state。 在那之后不要嘗試任何花哨的東西，因為正如我之前提到的，這個庫很難使用，並且真的很難與任何定制作斗爭。 它雖然運作良好，但肯定會解決您的問題。