Fixed Settings UI

This commit is contained in:
Win 2024-03-04 19:35:51 +07:00
parent be22d5bcf1
commit 862194a672
1 changed files with 78 additions and 90 deletions

View File

@ -24,48 +24,28 @@ class _Body extends StatelessWidget {
return Scaffold( return Scaffold(
body: Column( body: Column(
children: [ children: [
Padding( Expanded(
padding: const EdgeInsets.only(top: 16, left: 16), child: Padding(
child: Container( padding: const EdgeInsets.all(16),
child: ListView(
children: [
Column(
children: [
Container(
alignment: Alignment.centerLeft, alignment: Alignment.centerLeft,
child: Row( child: Row(
children: <Widget>[ children: <Widget>[
Text("Settings", Text("Settings",
style: TextStyle( style: TextStyle(
fontSize: textTheme.displayMedium?.fontSize, fontSize:
textTheme.displayMedium?.fontSize,
fontWeight: FontWeight.bold)) fontWeight: FontWeight.bold))
], ],
)), )),
),
Expanded(
child: Padding(
padding: const EdgeInsets.only(bottom: 16, left: 16, right: 16),
child: ListView.separated(
itemBuilder: (context, index) => const _ListItem(),
separatorBuilder: (context, index) => const SizedBox(
height: 20,
),
itemCount: 1,
),
),
)
],
),
);
}
}
class _ListItem extends StatelessWidget {
const _ListItem();
@override
Widget build(BuildContext context) {
return Column(
children: [
Card( Card(
elevation: 4, elevation: 4,
shape: shape: RoundedRectangleBorder(
RoundedRectangleBorder(borderRadius: BorderRadius.circular(10.0)), borderRadius: BorderRadius.circular(10.0)),
margin: const EdgeInsets.all(8.0), margin: const EdgeInsets.all(8.0),
child: Column( child: Column(
children: [ children: [
@ -85,7 +65,8 @@ class _ListItem extends StatelessWidget {
trailing: Wrap( trailing: Wrap(
// space between two icons // space between two icons
children: <Widget>[ children: <Widget>[
Icon(Icons.open_in_new), // icon-1// icon-2 Icon(
Icons.open_in_new), // icon-1// icon-2
], ],
), ),
), ),
@ -112,13 +93,20 @@ class _ListItem extends StatelessWidget {
margin: const EdgeInsets.all(8.0), margin: const EdgeInsets.all(8.0),
child: InkWell( child: InkWell(
onTap: () => aboutDialogBuilder(context), onTap: () => aboutDialogBuilder(context),
borderRadius: const BorderRadius.all(Radius.circular(10.0)), borderRadius:
const BorderRadius.all(Radius.circular(10.0)),
child: const ListTile( child: const ListTile(
leading: Icon(Icons.info_outlined), leading: Icon(Icons.info_outlined),
title: Text("About"), title: Text("About"),
), ),
)) ))
], ],
),
],
)),
)
],
),
); );
} }
} }