react native 日常-整合antd-mobile-rn螞蟻金服外掛
阿新 • • 發佈:2018-12-28
antd-mobile-rn阿里開源框架
link. 元件官網
1.常規npm
// 終端內匯入元件
npm install antd-mobile-rn --save
2.使用
// 專案內使用元件
import { 需要的元件 } from 'antd-mobile';
3.例如時間選擇器
// 該元件時間格式需轉換
//import moment from "moment";轉換時間
<DatePicker
value={moment(時間).toDate()}
mode="date"
maxDate= {new Date()}
minDate={new Date(最小時間)}
//maxDate={new Date(2026, 11, 3)}當然是最大
onChange={this.changeDate}
format="YYYY-MM-DD"
>
<List.Item arrow="horizontal">
<Text style={{ fontSize: 17, color: "#000000" }}>日期< /Text>
</List.Item>
</DatePicker>
4.該元件有坑,演示案例較少,(12月28日官網更新後新增了樣式預覽,和演示案例)
官網上有web版本支援預覽,實際效果和rn相差不大,可以參考,這個元件支援巢狀,不可以改動的文字往往可以巢狀