Fixed Settings UI
This commit is contained in:
parent
be22d5bcf1
commit
862194a672
|
@ -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"),
|
|
||||||
),
|
|
||||||
))
|
|
||||||
],
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
Loading…
Reference in New Issue