mirror of
https://github.com/alibaba/flutter-go.git
synced 2025-07-12 16:10:10 +08:00
48 lines
1.5 KiB
Dart
48 lines
1.5 KiB
Dart
/// @Author: 一凨
|
||
/// @Date: 2018-12-27 16:25:22
|
||
/// @Last Modified by: 一凨
|
||
/// @Last Modified time: 2018-12-27 16:35:39
|
||
|
||
import 'package:flutter_web/material.dart';
|
||
|
||
import 'package:flutter_go/components/widget_demo.dart';
|
||
import './demo.dart';
|
||
|
||
const String content0 = '''
|
||
### **简介**
|
||
> 用于构建一个依赖于ButtonThem 和 Theme的按钮widget
|
||
- 如果有必要，按钮的大小是自是适配于其子widget的
|
||
- 最好不要直接使用这个widget，而应该可以考虑使用FlatButton、OutlineButton或者RaiseButton,他们包含一些和主题风格相适配的一些基础样式
|
||
- 如果要直接创建按钮而不继承主题默认值，可以考虑使用 RawMaterialButton
|
||
- 如果想使用ink-splash的效果但是又不想使用button，可以考虑使用InkWell
|
||
''';
|
||
const String content1 = '''
|
||
### **基本用法**
|
||
> 尽量不要直接使用 MaterialButton
|
||
- 如果 MaterialButton上的onPress为null，则按钮处于被禁用状态
|
||
- IconButton 可以创建一些带有 图标的按钮
|
||
''';
|
||
|
||
class Demo extends StatefulWidget {
|
||
static const String routeName = '/themes/Material/MaterialButton';
|
||
|
||
_DemoState createState() => _DemoState();
|
||
}
|
||
|
||
class _DemoState extends State<Demo> {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return WidgetDemo(
|
||
contentList: [
|
||
content0,
|
||
content1,
|
||
MaterialButtonDemo(),
|
||
],
|
||
title: 'MaterialButton',
|
||
codeUrl: 'themes/Material/MaterialButton/demo.dart',
|
||
docUrl:
|
||
'https://docs.flutter.io/flutter/material/MaterialButton-class.html',
|
||
);
|
||
}
|
||
}
|