2.2 自定义按钮样式
1.源代码
import 'package:flutter/material.dart';
void main () => runApp(MyApp());
class MyApp extends StatelessWidget{
@override
Widget build(BuildContext context ){
return MaterialApp(
title:'Text widget usage',
home:Scaffold(
body:
Center(
child:
FlatButton(
onPressed: () => {},
color: Colors.orange,
highlightColor: Colors.red,
colorBrightness: Brightness.dark,
splashColor: Colors.blue,
child: Text("我是自定义按钮"),
shape:RoundedRectangleBorder(borderRadius: BorderRadius.circular(20.0))
)
)
),
);
}
}
2.解释源代码
import 'package:flutter/material.dart';
void main () => runApp(MyApp());
class MyApp extends StatelessWidget{
@override
Widget build(BuildContext context ){
return MaterialApp(
title:'Text widget usage',
home:Scaffold(
body:
Center(
child:
FlatButton(
onPressed: () => {},
color: Colors.orange,
highlightColor: Colors.red,
colorBrightness: Brightness.dark,
splashColor: Colors.blue,
child: Text("我是自定义按钮"),
shape:RoundedRectangleBorder(borderRadius: BorderRadius.circular(20.0))
)
)
),
);
}
}
3.效果图