Fixed Settings UI
This commit is contained in:
parent
be22d5bcf1
commit
862194a672
|
@ -24,48 +24,28 @@ class _Body extends StatelessWidget {
|
|||
return Scaffold(
|
||||
body: Column(
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(top: 16, left: 16),
|
||||
child: Container(
|
||||
Expanded(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: ListView(
|
||||
children: [
|
||||
Column(
|
||||
children: [
|
||||
Container(
|
||||
alignment: Alignment.centerLeft,
|
||||
child: Row(
|
||||
children: <Widget>[
|
||||
Text("Settings",
|
||||
style: TextStyle(
|
||||
fontSize: textTheme.displayMedium?.fontSize,
|
||||
fontSize:
|
||||
textTheme.displayMedium?.fontSize,
|
||||
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(
|
||||
elevation: 4,
|
||||
shape:
|
||||
RoundedRectangleBorder(borderRadius: BorderRadius.circular(10.0)),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(10.0)),
|
||||
margin: const EdgeInsets.all(8.0),
|
||||
child: Column(
|
||||
children: [
|
||||
|
@ -85,7 +65,8 @@ class _ListItem extends StatelessWidget {
|
|||
trailing: Wrap(
|
||||
// space between two icons
|
||||
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),
|
||||
child: InkWell(
|
||||
onTap: () => aboutDialogBuilder(context),
|
||||
borderRadius: const BorderRadius.all(Radius.circular(10.0)),
|
||||
borderRadius:
|
||||
const BorderRadius.all(Radius.circular(10.0)),
|
||||
child: const ListTile(
|
||||
leading: Icon(Icons.info_outlined),
|
||||
title: Text("About"),
|
||||
),
|
||||
))
|
||||
],
|
||||
),
|
||||
],
|
||||
)),
|
||||
)
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue