【原】東方耀REACT-NATIVE學習42,ios日期組件 DatePickerIOS

日期時間選擇器 在IOS中是以組件的形式 DatePickerIOS支持View組件的所有屬性,可以設置他的寬度、高度、位置等

這是一個受約束的(Controlled)組件,所以你必須監聽onDateChange回調函數並且及時更新date屬性來使得組件更新,否則用戶的修改會立刻被撤銷來確保當前顯示值和props.date一致。

除了View組件的屬性,DatePickerIOS組件還支持如下屬性:

date 當前被選中的日期和時間 Date類型

maximumDate minimumDate

minuteInterval (1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30)
用來設置可選的最小分鐘單位

mode (‘date’, ‘time’, ‘datetime’) 選擇器模式

onDateChange 當用戶修改日期或時間時調用此回調函數。
唯一的參數是一個Date對象,表示新的日期和時間(也就是用戶選擇的)

timeZoneOffsetInMinutes 以分鐘爲單位的時區時間差 默認情況下,選擇器會選擇設備的默認時區。通過此參數,可以指定一個時區。舉個例子,要使用北京時間(東八區),可以傳遞8 * 60。

注意:必須要把一個日期類型的狀態機變量賦值給DatePickerIOS組件的date屬性,並且在用戶操作DatePickerIOS組件修改後,用onDateChange回調的新的date去更新對應的狀態機變量,否則會出現用戶使用DatePickerIOS組件修改改了時間,幾秒鐘後,DatePickerIOS組件又回到了原來的時間的情況。

warning:Invalid prop ‘date’ of type ‘Number’

warning:Required prop ‘onDateChange’ was not specified
這是一個bug,升級到0.28即可,如果不想升級,可以照這個修改:

node_modules/react-native/Libraries/Components/DatePicker

https://github.com/facebook/reac … d46e2e41d72acdfb87d

http://stackoverflow.com/questio … ios-in-react-native

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章