triones-antd-mobile-flutter

KO | EN

gitlite — search

#hacktoberfest #ai #go #machine-learning #deep-learning #linux #nodejs #macos #awesome #kubernetes #vue #security #openai #open-source

triones-antd-mobile-flutter

(★ 46)

Antd Mobile 风格的Flutter组件库

triones-antd-mobile-flutter 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Antd 风格的 Flutter组件库

[![pub package](https://img.shields.io/pub/v/trionesdev_antd_mobile.svg)](https://pub.dev/packages/trionesdev_antd_mobile)

## 组件目录

- [x] ActionSheet 操作面板
- [x] Alert 告警提示
- [x] AppBar 导航栏
- [x] Avatar 头像
- [x] Badge 徽标
- [x] Breadcrumb 面包屑
- [x] Button 按钮
- [x] Calendar 日历
- [x] CalendarDatetimePicker 日历时间选择器
- [x] CalendarPicker 日历选择器
- [x] Card 卡片
- [x] CascaderPicker 级联选择
- [x] Cell 列表项(单元格)
- [x] Collapse 折叠面板
- [x] DatePicker 日期选择器
- [x] DatePickerCell 日期选择器单元格
- [x] Checkbox 复选框
- [x] Dialog 对话框
- [x] Divider 分割线
- [x] Empty 空状态
- [x] Form 表单
- [x] Grid 栅格
- [x] Image 图片
- [x] ImagesWall 图片墙
- [x] Input 输入框
- [x] InputNumber 数字输入框
- [x] List 列表
- [x] Loading 加载
- [x] Mask 背景蒙层
- [x] Modal 弹窗
- [x] Page 页面
- [x] Picker 选择器
- [x] Popup 弹出层
- [x] Progress 进度条
- [x] Radio 单选框
- [x] Rate 评分
- [x] Scaffold 脚手架
- [x] SearchBar 搜索框
- [x] Select 选择器
- [x] Space 间隔
- [x] Steps 步骤条
- [x] Switch 开关
- [x] TabBar 标签栏
- [x] Tabs 标签页
- [x] Tag 标签
- [x] TextArea 文本域
- [x] Timeline 时间轴
- [x] Toast 轻提示
- [x] VerificationCodeInput 验证码输入框

## 直接使用

```dart
void main() {
  // debugPaintSizeEnabled = true;
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

// This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return AntApp(
      title: 'Flutter Demo',
      theme: AntThemeData(
        // colorPrimary: material.Colors.amber,
      ),
      routes: {
      },
      home: const MyHomePage(title: 'Ant Mobile Flutter Demo Home Page'),
    );
  }
}
```

## 使用Getx

1. 直接使用Getx

```dart

AntThemeData antThemeData = AntThemeData();
AntTheme
(
data: antThemeData,
child: GetMaterialApp(
title: 'TrionesDev',
theme: antThemeData.toMaterialThemeData(),
getPages: Routes.routes,
home: const HomePage(),
onInit: () {

},
onReady: () {},
)
)
```

2. 使用封装的AntGetx组件
   地址: https://github.com/trionesdev/triones-get-antd

使用方法

```dart
  runApp
(
GetAntApp(
title: 'TrionesDev',
theme: AntThemeData(),
getPages: Routes.routes,
home: const HomeLayout(),
onInit: () async {

},
onReady: () {},
)
);
```

#### 互相吹捧，共同进步

> 留言回复不及时，可以通过关注公众号联系我们
<div style="width: 100%;text-align: center;">
   <img src="images/shuque_wx.jpg" width="200px" alt="">
</div>

triones-antd-mobile-flutter

triones-antd-mobile-flutter 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

triones-antd-mobile-flutter

triones-antd-mobile-flutter 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README