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,101 +24,89 @@ class _Body extends StatelessWidget {
return Scaffold( return Scaffold(
body: Column( body: Column(
children: [ children: [
Padding(
padding: const EdgeInsets.only(top: 16, left: 16),
child: Container(
alignment: Alignment.centerLeft,
child: Row(
children: <Widget>[
Text("Settings",
style: TextStyle(
fontSize: textTheme.displayMedium?.fontSize,
fontWeight: FontWeight.bold))
],
)),
),
Expanded( Expanded(
child: Padding( child: Padding(
padding: const EdgeInsets.only(bottom: 16, left: 16, right: 16), padding: const EdgeInsets.all(16),
child: ListView.separated( child: ListView(
itemBuilder: (context, index) => const _ListItem(), children: [
separatorBuilder: (context, index) => const SizedBox( Column(
height: 20, children: [
), Container(
itemCount: 1, alignment: Alignment.centerLeft,
), child: Row(
), children: <Widget>[
Text("Settings",
style: TextStyle(
fontSize:
textTheme.displayMedium?.fontSize,
fontWeight: FontWeight.bold))
],
)),
Card(
elevation: 4,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10.0)),
margin: const EdgeInsets.all(8.0),
child: Column(
children: [
InkWell(
onTap: () async {
await launchUrl(
Uri.parse(
'https://git.winscloud.net/WinsDominoes/dateapp'),
mode: LaunchMode.externalApplication);
},
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(10.0),
topRight: Radius.circular(10.0)),
child: const ListTile(
leading: Icon(Icons.code),
title: Text("Source Code"),
trailing: Wrap(
// space between two icons
children: <Widget>[
Icon(
Icons.open_in_new), // icon-1// icon-2
],
),
),
),
const Divider(
height: 1.0,
),
InkWell(
onTap: () => communityDialogBuilder(context),
borderRadius: const BorderRadius.only(
bottomLeft: Radius.circular(10.0),
bottomRight: Radius.circular(10.0)),
child: const ListTile(
leading: Icon(Icons.people),
title: Text("Join Community"),
)),
],
),
),
Card(
elevation: 4.0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10.0)),
margin: const EdgeInsets.all(8.0),
child: InkWell(
onTap: () => aboutDialogBuilder(context),
borderRadius:
const BorderRadius.all(Radius.circular(10.0)),
child: const ListTile(
leading: Icon(Icons.info_outlined),
title: Text("About"),
),
))
],
),
],
)),
) )
], ],
), ),
); );
} }
} }
class _ListItem extends StatelessWidget {
const _ListItem();
@override
Widget build(BuildContext context) {
return Column(
children: [
Card(
elevation: 4,
shape:
RoundedRectangleBorder(borderRadius: BorderRadius.circular(10.0)),
margin: const EdgeInsets.all(8.0),
child: Column(
children: [
InkWell(
onTap: () async {
await launchUrl(
Uri.parse(
'https://git.winscloud.net/WinsDominoes/dateapp'),
mode: LaunchMode.externalApplication);
},
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(10.0),
topRight: Radius.circular(10.0)),
child: const ListTile(
leading: Icon(Icons.code),
title: Text("Source Code"),
trailing: Wrap(
// space between two icons
children: <Widget>[
Icon(Icons.open_in_new), // icon-1// icon-2
],
),
),
),
const Divider(
height: 1.0,
),
InkWell(
onTap: () => communityDialogBuilder(context),
borderRadius: const BorderRadius.only(
bottomLeft: Radius.circular(10.0),
bottomRight: Radius.circular(10.0)),
child: const ListTile(
leading: Icon(Icons.people),
title: Text("Join Community"),
)),
],
),
),
Card(
elevation: 4.0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10.0)),
margin: const EdgeInsets.all(8.0),
child: InkWell(
onTap: () => aboutDialogBuilder(context),
borderRadius: const BorderRadius.all(Radius.circular(10.0)),
child: const ListTile(
leading: Icon(Icons.info_outlined),
title: Text("About"),
),
))
],
);
}
}