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