# ruinan

**Repository Path**: xiyg/ruinan

## Basic Information

- **Project Name**: ruinan
- **Description**: 使用flutter开发的吉利汽车汽车项目
- **Primary Language**: Dart
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-05-25
- **Last Updated**: 2023-06-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Dart, IOS, Swift, Flutter

## README

# livan

枫叶APP

## Getting Started

### 开发环境
flutter2.8.1。 其他环境遵循flutter doctor命令检

### 开发工具

- flutter/Android原生：Android Studio
- iOS原生：Xcode

### 状态管理/依赖注入/路由

GetX：[https://github.com/jonataslaw/getx](https://github.com/jonataslaw/getx)

### 数据持久化

Hive：[https://github.com/hivedb/hive](https://github.com/hivedb/hive)

### 网络层

Dio：[https://github.com/flutterchina/dio](https://github.com/flutterchina/dio)

### 其他依赖及配置

参考项目pubspec.yaml文件。

### Android Studio必装插件

- Flutter
- FlutterJsonBeanFactory
- GetX

### UI框架 V0.03 文档

后续会继续开发更新。

#### 特性

- 链式调用
- 简化代码
- 高可读性
- 便于维护

#### 示例

```dart
Row(children: [
    const BlueButton("官方").marginOnly(left: 16),
    const SizedBox(width: 12),
    const WhiteOutlinedButton("线下"),
    const Spacer(),
    const Text("免费").fontSize(10).translate(0, -7)
]).roundedRect(6).paddingAll(8)
```

#### 布局

- padding
- margin
- aspectRatio
- expanded
- positioned 配合stack定位

##### 尺寸

- size
- height
- width

#### 变换

- translate
- rotate
- scale

#### 颜色

- backgroundColor
- backgroundColorInt

#### 效果

- border 边框
- roundedRect 圆角
    - roundedRectVertical
    - roundedRectHorizontal
- blur 模糊
    - blurExpanded 模糊+expanded
-

#### 功能

- action 点击等操作
- onClick
- onDoubleClick
- onLongPress

#### 组件

Text 官方组件 扩展

- color
- colorInt
- fontSize

CircleAvatar 官方组件 扩展

- border 边框

CoverCacheImage 缓存、Cover模式的image

GradientTabIndicator 渐变色tab指示器

Button

- RRectButton 圆角图片
- RRectOutlinedButton 圆角线框图片

Swiper 轮播器