github/flutter
7
0
Fork 0
mirror of https://github.com/flutter/flutter.git synced 2025-06-03 00:51:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

[Shrine] Adding outlines to text fields (#38895)

Browse Source 
* Adding outlines to text fields
This commit is contained in:
lisa-liao 2019-08-23 12:52:28 -07:00 committed by MH Johnson
parent 7ca3ed129c
commit d883337669
1 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
examples/flutter_gallery/lib/demo/shrine/login.dart
View File

@ -24,6 +24,12 @@ class LoginPage extends StatefulWidget {
class _LoginPageState extends State<LoginPage> { class _LoginPageState extends State<LoginPage> {
final TextEditingController _usernameController = TextEditingController(); final TextEditingController _usernameController = TextEditingController();
final TextEditingController _passwordController = TextEditingController(); final TextEditingController _passwordController = TextEditingController();
static const ShapeDecoration _decoration = ShapeDecoration(
shape: BeveledRectangleBorder(
side: BorderSide(color: kShrineBrown900, width: 0.5),
borderRadius: BorderRadius.all(Radius.circular(7.0)),
),
);
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
@ -61,20 +67,26 @@ class _LoginPageState extends State<LoginPage> {
const SizedBox(height: 120.0), const SizedBox(height: 120.0),
PrimaryColorOverride( PrimaryColorOverride(
color: kShrineBrown900, color: kShrineBrown900,
child: TextField( child: Container(
controller: _usernameController, decoration: _decoration,
decoration: const InputDecoration( child: TextField(
labelText: 'Username', controller: _usernameController,
decoration: const InputDecoration(
labelText: 'Username',
),
), ),
), ),
), ),
const SizedBox(height: 12.0), const SizedBox(height: 12.0),
PrimaryColorOverride( PrimaryColorOverride(
color: kShrineBrown900, color: kShrineBrown900,
child: TextField( child: Container(
controller: _passwordController, decoration: _decoration,
decoration: const InputDecoration( child: TextField(
labelText: 'Password', controller: _passwordController,
decoration: const InputDecoration(
labelText: 'Password',
),
), ),
), ),
), ),