Merge pull request #381 from wangcode/master

增加 BottomNavigationBar 选中文字大小说明
This commit is contained in:
hanxu317317
2019-10-12 16:34:14 +08:00
committed by GitHub
3 changed files with 86 additions and 10 deletions

View File

@ -1,24 +1,97 @@
## Flutter Go
# Flutter Go
[中文简体](https://github.com/alibaba/flutter-go/blob/master/README.md) | Language: [English](https://github.com/alibaba/flutter-go/blob/master/README-en.md)
![https://img.alicdn.com/tfs/TB1OJkeHNYaK1RjSZFnXXa80pXa-229-229.png](https://img.alicdn.com/tfs/TB1OJkeHNYaK1RjSZFnXXa80pXa-229-229.png)
> Help developers get started quickly Flutter **Flutter Go 1.0 Android has been released**
> Help developers get started quickly Flutter
## News
### 🔥 `Flutter Go 2.0` released
> Flutter Go 2.0 according to [The Flutter-Go Roadmap for 2019](https://github.com/alibaba/flutter-go#the-flutter-go-roadmap%E8%B7%AF%E7%BA%BF%E5%9B%BE-for-2019) beginning of the year, the new feature is:
## Download URL
<h6>mark✔ is this version</h6>
Android download URL:
- [x] [ `Flutter Go` website ](https://flutter-go.pub/website/) (newspublishlearn)
- [x] [ `Flutter Go web` ](https://github.com/alibaba/flutter-go/tree/web/flutter-go-web-0.0.1) (web version to learn)
- [online preview ](https://flutter-go.pub/flutter_go_web/)
- [resource ](https://github.com/alibaba/flutter-go/tree/web/flutter-go-web-0.0.1)
<img src="https://img.alicdn.com/tfs/TB1jGgfQ7voK1RjSZFNXXcxMVXa-438-426.png" width="200px">
- [x] [ `Flutter Go Widget` `pull request` rules ( the third )](https://github.com/alibaba/flutter-go/blob/master/docs/contribute.md)
Iphone download URL:
No
- [x] user center (yourself `widget`)
- login (with `GitHub`)
- search (search about `Flutter`)
- favorite component (save online)
- issues (APP online `ISSUES`)
- favorite (APP favorite)
- [x] [ `go-cli` tool ](https://github.com/alibaba/flutter-go/blob/master/docs/widget.md)
- `Flutter Go` `pull request` tools
- [ build `Flutter Go Widget` standard template with terminal ](https://github.com/alibaba/flutter-go/blob/beta/docs/widget.md)
- `markdown` template (when merge master breach)
- [x] ` Flutter Go ` `APP` auto upgrade
- [ ] template sync ( pc, native )
- [ ] `Flutter Go` store
## Third part build
Because the content of ** flutter ** is updated faster, we can't enrich the content of the project faster, If you are willing to contribute to the development and learning of flutter, please see the [build instructions](https://github.com/alibaba/flutter-go/blob/master/docs/contribute.md) before you start, we will put the builder's avatar and nick to the websit.
## Logs
[resource](https://github.com/alibaba/flutter-go/blob/develop/CHANGE-LOG.md)
## Development specification
> we are based on the official [dart language specification](https://www.dartlang.org)。
[<< Flutter Go development specification >>](https://github.com/alibaba/flutter-go/blob/develop/Flutter_Go%20%E4%BB%A3%E7%A0%81%E5%BC%80%E5%8F%91%E8%A7%84%E8%8C%83.md)
## The Flutter-Go Roadmap for 2019
> Considering Flutter's future changes and strategy variability, roadmap does not rule out some adjustments, but overall it will not change much.
<img src="https://img.alicdn.com/tfs/TB19UahQQzoK1RjSZFlXXai4VXa-1500-1106.png" width="600px">
## How to use
- checkout version
```dart
flutter --version
```
- run doctor
```dart
flutter doctor
```
- start app
```dart
flutter packages get
flutter run
```
- other issues
- https://flutterchina.club/setup-macos/
- https://flutter.dev/docs/get-started/install/macos
## Release
### Android:
- [Download](https://github.com/alibaba/flutter-go/blob/master/android/app/release/app-release.apk)
### Ios:
- AppStore search "Fluttergo"
## Development Environment
This Project need latest package, please update regularly.
- dart(version: 2.0.0)
- flutter(version: v1.0.0)
```dart
flutter --version
dart --version
pub --version
// Flutter (Channel beta, v1.7.8)
// Dart VM version: 2.4.0
// Pub 2.4.0
```
### Background

View File

@ -36,6 +36,8 @@ class _BottomNavigationBarFullDefault extends State {
currentIndex: _currentIndex, // 当前所高亮的按钮index
onTap: _onItemTapped, // 点击里面的按钮的回调函数,参数为当前点击的按钮 index
fixedColor: Colors.deepPurple, // 如果 type 类型为 fixed则通过 fixedColor 设置选中 item 的颜色
selectedFontSize: 12.0,
unselectedFontSize: 12.0,
items: <BottomNavigationBarItem> [
BottomNavigationBarItem(
title: Text("Home"), icon: Icon(Icons.home)),

View File

@ -25,6 +25,7 @@ const String _text1 =
- 它作为 Scaffold.bottomNavigationBar 参数;
- BottomNavigationBar 3-5个之间个底部按钮数量是合理的理论上 icon 大小合适,可以支持更多;
- 默认0-3个底部按钮数量时BottomNavigationBar采用fixed的模式摆放底部按钮当有4个时默认使用 BottomNavigationBarType.shifting 模式摆放底部按钮;
- 大多数人可能不需要选中文字被放大,可以通过 设置 selectedFontSize 与 unselectedFontSize 同等大小覆盖默认效果;
- 下面的底部导航即是效果;
""";