From d8833376694c89c4f857a2d0947d5840712d7e30 Mon Sep 17 00:00:00 2001 From: lisa-liao Date: Fri, 23 Aug 2019 12:52:28 -0700 Subject: [PATCH] [Shrine] Adding outlines to text fields (#38895) * Adding outlines to text fields --- .../lib/demo/shrine/login.dart | 28 +++++++++++++------ 1 file changed, 20 insertions(+), 8 deletions(-) diff --git a/examples/flutter_gallery/lib/demo/shrine/login.dart b/examples/flutter_gallery/lib/demo/shrine/login.dart index b249f708926..23da0668a89 100644 --- a/examples/flutter_gallery/lib/demo/shrine/login.dart +++ b/examples/flutter_gallery/lib/demo/shrine/login.dart @@ -24,6 +24,12 @@ class LoginPage extends StatefulWidget { class _LoginPageState extends State { final TextEditingController _usernameController = 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 Widget build(BuildContext context) { @@ -61,20 +67,26 @@ class _LoginPageState extends State { const SizedBox(height: 120.0), PrimaryColorOverride( color: kShrineBrown900, - child: TextField( - controller: _usernameController, - decoration: const InputDecoration( - labelText: 'Username', + child: Container( + decoration: _decoration, + child: TextField( + controller: _usernameController, + decoration: const InputDecoration( + labelText: 'Username', + ), ), ), ), const SizedBox(height: 12.0), PrimaryColorOverride( color: kShrineBrown900, - child: TextField( - controller: _passwordController, - decoration: const InputDecoration( - labelText: 'Password', + child: Container( + decoration: _decoration, + child: TextField( + controller: _passwordController, + decoration: const InputDecoration( + labelText: 'Password', + ), ), ), ),