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相差不大，可以參考，這個元件支援巢狀，不可以改動的文字往往可以巢狀 來解決。優點是樣式齊全，缺點案例文件較少