sergey/GymLink_Flutter
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Search btn and borders

Browse Source
This commit is contained in:
Sergey Elpashev
2024-04-30 16:16:13 +03:00
parent 7f0cef4b23
commit c6520041a6
1 changed files with 24 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
lib/main.dart
View File

@@ -43,7 +43,7 @@ class _MyAppState extends State<MyApp> {
return MaterialApp( return MaterialApp(
title: 'GymLink Module', title: 'GymLink Module',
theme: ThemeData( theme: ThemeData(
colorScheme: ColorScheme.fromSeed(seedColor: Colors.red), colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
), ),
debugShowCheckedModeBanner: false, debugShowCheckedModeBanner: false,
home: gymLinkScreenRouter(_currentGymLinkScreen), home: gymLinkScreenRouter(_currentGymLinkScreen),
@@ -140,13 +140,25 @@ class _MainPageState extends State<MainPage> {
border: OutlineInputBorder( border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10), borderRadius: BorderRadius.circular(10),
), ),
suffixIcon: InkWell( suffixIcon: Padding(
onTap: () { padding: const EdgeInsets.only(right: 8),
debugPrint('tap on search icon'); child: ElevatedButton(
}, onPressed: () {
child: const Icon( debugPrint('search button pressed');
Icons.search, },
color: Colors.blue, style: ElevatedButton.styleFrom(
padding: const EdgeInsets.symmetric(
vertical: 8, horizontal: 0),
minimumSize: const Size(
50, kMinInteractiveDimension),
backgroundColor: Colors.blue,
shape: const CircleBorder(),
),
child: const Icon(
Icons.search,
color: Colors.white,
size: 24,
),
), ),
), ),
), ),
@@ -164,8 +176,8 @@ class _MainPageState extends State<MainPage> {
backgroundColor: Colors.blue, backgroundColor: Colors.blue,
shape: const CircleBorder( shape: const CircleBorder(
side: BorderSide( side: BorderSide(
color: Colors.blue, color: Colors.black,
width: 2, width: 1,
), ),
), ),
), ),
@@ -187,8 +199,8 @@ class _MainPageState extends State<MainPage> {
backgroundColor: Colors.blue, backgroundColor: Colors.blue,
shape: const CircleBorder( shape: const CircleBorder(
side: BorderSide( side: BorderSide(
color: Colors.blue, color: Colors.black,
width: 2, width: 1,
), ),
), ),
), ),