joshpatra/RUSwipeShare
1
0
Fork 0
mirror of https://github.com/SoPat712/RUSwipeShare.git synced 2025-08-21 19:08:46 -04:00
Code Issues Packages Projects Releases Wiki Activity

buy ui titles and ui formatting

Browse Source
This commit is contained in:
NATHANIEL ENDICK
2023-02-26 13:26:40 -05:00
parent f464f24399
commit 1a33cd104a
1 changed files with 115 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

126
lib/buy.dart
View File

@@ -39,10 +39,20 @@ final List<List<String>> eatingLocations = [
'Kilmer\'s Market', 'Kilmer\'s Market',
'Sbarro\'s', 'Sbarro\'s',
], ],
<String>['Neilson Dining Hall', 'Cook Cafe', 'Douglass Cafe', 'Harvest INFH', 'Red Pine Pizza'] <String>[
'Neilson Dining Hall',
'Cook Cafe',
'Douglass Cafe',
'Harvest INFH',
'Red Pine Pizza'
]
]; ];
final List<int> colorCodes = <int>[600, 500, 100]; final List<int> colorCodes = <int>[600, 500, 100];
final List<String> timeBgAssets = <String>['assets/daytime_swipe.jpg', 'assets/afternoon_swipe.jpg', 'assets/nighttime_swipe.jpg']; final List<String> timeBgAssets = <String>[
'assets/daytime_swipe.jpg',
'assets/afternoon_swipe.jpg',
'assets/nighttime_swipe.jpg'
];
class BuyScreen extends StatefulWidget { class BuyScreen extends StatefulWidget {
const BuyScreen({Key? key}) : super(key: key); const BuyScreen({Key? key}) : super(key: key);
@@ -62,6 +72,17 @@ class _BuyScreenState extends State<BuyScreen> {
return Scaffold( return Scaffold(
body: Column( body: Column(
children: [ children: [
Row(children: [
Container(
padding: EdgeInsets.only(left: 10, top: 20),
child: Text(
"Campuses",
style: TextStyle(
fontSize: 30,
),
),
)
]),
Expanded( Expanded(
child: Center( child: Center(
child: GridView.count( child: GridView.count(
@@ -81,7 +102,8 @@ class _BuyScreenState extends State<BuyScreen> {
}); });
}, },
child: ClipRRect( child: ClipRRect(
borderRadius: const BorderRadius.all(Radius.circular(25)), borderRadius:
const BorderRadius.all(Radius.circular(25)),
child: Column( child: Column(
children: [ children: [
Expanded( Expanded(
@@ -111,7 +133,8 @@ class _BuyScreenState extends State<BuyScreen> {
}); });
}, },
child: ClipRRect( child: ClipRRect(
borderRadius: const BorderRadius.all(Radius.circular(25)), borderRadius:
const BorderRadius.all(Radius.circular(25)),
child: Column( child: Column(
children: [ children: [
Expanded( Expanded(
@@ -141,7 +164,8 @@ class _BuyScreenState extends State<BuyScreen> {
}); });
}, },
child: ClipRRect( child: ClipRRect(
borderRadius: const BorderRadius.all(Radius.circular(25)), borderRadius:
const BorderRadius.all(Radius.circular(25)),
child: Column( child: Column(
children: [ children: [
Expanded( Expanded(
@@ -171,7 +195,8 @@ class _BuyScreenState extends State<BuyScreen> {
}); });
}, },
child: ClipRRect( child: ClipRRect(
borderRadius: const BorderRadius.all(Radius.circular(25)), borderRadius:
const BorderRadius.all(Radius.circular(25)),
child: Column( child: Column(
children: [ children: [
Expanded( Expanded(
@@ -213,6 +238,17 @@ class _BuyScreenState extends State<BuyScreen> {
}, },
child: const Text("Choose A Different Location")), child: const Text("Choose A Different Location")),
), ),
Row(children: [
Container(
padding: EdgeInsets.only(left: 10, bottom: 10),
child: Text(
"Swipe Locations",
style: TextStyle(
fontSize: 30,
),
),
)
]),
Expanded( Expanded(
child: ListView.builder( child: ListView.builder(
physics: const BouncingScrollPhysics(), physics: const BouncingScrollPhysics(),
@@ -220,8 +256,13 @@ class _BuyScreenState extends State<BuyScreen> {
padding: EdgeInsets.fromLTRB(10, 0, 10, 0), padding: EdgeInsets.fromLTRB(10, 0, 10, 0),
itemBuilder: (BuildContext context, int index) { itemBuilder: (BuildContext context, int index) {
return Container( return Container(
margin: const EdgeInsets.all(4), margin: const EdgeInsets.fromLTRB(4, 4, 4, 8),
decoration: BoxDecoration(border: Border.all(color: CustomMaterialColor(240, 240, 240).mdColor, width: 2), borderRadius: const BorderRadius.all(Radius.circular(10))), decoration: BoxDecoration(
border: Border.all(
color: CustomMaterialColor(240, 240, 240).mdColor,
width: 2),
borderRadius:
const BorderRadius.all(Radius.circular(10))),
child: InkWell( child: InkWell(
onTap: () { onTap: () {
setState(() { setState(() {
@@ -230,20 +271,24 @@ class _BuyScreenState extends State<BuyScreen> {
}); });
}, },
child: ClipRRect( child: ClipRRect(
borderRadius: const BorderRadius.all(Radius.circular(10)), borderRadius:
const BorderRadius.all(Radius.circular(10)),
child: Container( child: Container(
height: 120, height: 120,
decoration: BoxDecoration( decoration: BoxDecoration(
image: DecorationImage( image: DecorationImage(
fit: BoxFit.cover, fit: BoxFit.cover,
image: AssetImage("assets/" + nameToAsset[_diningOptions.elementAt(index)]!), image: AssetImage("assets/" +
nameToAsset[
_diningOptions.elementAt(index)]!),
)), )),
child: BackdropFilter( child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 3, sigmaY: 3), filter: ImageFilter.blur(sigmaX: 3, sigmaY: 3),
child: Container( child: Container(
padding: const EdgeInsets.only(right: 40), padding: const EdgeInsets.only(right: 40),
alignment: Alignment.bottomRight, alignment: Alignment.bottomRight,
margin: const EdgeInsets.only(top: 4, left: 20, bottom: 4), margin: const EdgeInsets.only(
top: 4, left: 20, bottom: 4),
child: Text( child: Text(
_diningOptions[index], _diningOptions[index],
overflow: TextOverflow.ellipsis, overflow: TextOverflow.ellipsis,
@@ -265,7 +310,9 @@ class _BuyScreenState extends State<BuyScreen> {
children: [ children: [
Padding( Padding(
padding: EdgeInsets.fromLTRB(0, 30, 0, 0), padding: EdgeInsets.fromLTRB(0, 30, 0, 0),
child: Row(mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Flexible( Flexible(
flex: 8, flex: 8,
fit: FlexFit.tight, fit: FlexFit.tight,
@@ -277,9 +324,24 @@ class _BuyScreenState extends State<BuyScreen> {
}, },
child: const Text("Choose A Different Location")), child: const Text("Choose A Different Location")),
), ),
Flexible(flex: 2, child: ElevatedButton(onPressed: () {}, child: const Icon(Icons.filter_list))) Flexible(
flex: 2,
child: ElevatedButton(
onPressed: () {},
child: const Icon(Icons.filter_list)))
]), ]),
), ),
Row(children: [
Container(
padding: EdgeInsets.only(left: 10, bottom: 10),
child: Text(
"Available Swipes",
style: TextStyle(
fontSize: 30,
),
),
)
]),
Expanded( Expanded(
child: ListView.builder( child: ListView.builder(
physics: const BouncingScrollPhysics(), physics: const BouncingScrollPhysics(),
@@ -348,15 +410,23 @@ class _BuyScreenState extends State<BuyScreen> {
// // ); // // );
}, },
child: Container( child: Container(
decoration: BoxDecoration(border: Border.all(color: CustomMaterialColor(240, 240, 240).mdColor, width: 2), borderRadius: const BorderRadius.all(Radius.circular(10))), decoration: BoxDecoration(
border: Border.all(
color: CustomMaterialColor(240, 240, 240)
.mdColor,
width: 2),
borderRadius:
const BorderRadius.all(Radius.circular(10))),
margin: const EdgeInsets.all(4), margin: const EdgeInsets.all(4),
height: 120, height: 120,
child: ClipRRect( child: ClipRRect(
borderRadius: const BorderRadius.all(Radius.circular(10)), borderRadius:
const BorderRadius.all(Radius.circular(10)),
child: Container( child: Container(
decoration: BoxDecoration( decoration: BoxDecoration(
image: DecorationImage( image: DecorationImage(
colorFilter: const ColorFilter.mode(Colors.black26, BlendMode.darken), colorFilter: const ColorFilter.mode(
Colors.black26, BlendMode.darken),
fit: BoxFit.cover, fit: BoxFit.cover,
image: AssetImage(timeBgAssets[index % 3]), image: AssetImage(timeBgAssets[index % 3]),
)), )),
@@ -369,15 +439,18 @@ class _BuyScreenState extends State<BuyScreen> {
child: Container( child: Container(
padding: EdgeInsets.only(left: 20), padding: EdgeInsets.only(left: 20),
// color: Colors.red, // color: Colors.red,
margin: const EdgeInsets.only(top: 4, left: 4, bottom: 4), margin: const EdgeInsets.only(
top: 4, left: 4, bottom: 4),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment:
CrossAxisAlignment.start,
children: [ children: [
Text( Text(
entries[index % entries.length], entries[index % entries.length],
textAlign: TextAlign.start, textAlign: TextAlign.start,
overflow: TextOverflow.ellipsis, overflow: TextOverflow.ellipsis,
style: const TextStyle(fontSize: 20), style:
const TextStyle(fontSize: 20),
), ),
Row( Row(
children: const [ children: const [
@@ -385,18 +458,22 @@ class _BuyScreenState extends State<BuyScreen> {
Icon(Icons.star, size: 16), Icon(Icons.star, size: 16),
Icon(Icons.star, size: 16), Icon(Icons.star, size: 16),
Icon(Icons.star_half, size: 16), Icon(Icons.star_half, size: 16),
Icon(Icons.star_border, size: 16), Icon(Icons.star_border,
size: 16),
], ],
), ),
Expanded( Expanded(
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.end, mainAxisAlignment:
MainAxisAlignment.end,
children: const [ children: const [
Text( Text(
'88:88PM - 88:88PM', '88:88PM - 88:88PM',
textAlign: TextAlign.start, textAlign: TextAlign.start,
overflow: TextOverflow.ellipsis, overflow:
style: TextStyle(fontSize: 16), TextOverflow.ellipsis,
style:
TextStyle(fontSize: 16),
), ),
], ],
), ),
@@ -597,7 +674,8 @@ class _TransactionDetailsState extends State<TransactionDetails> {
); );
} }
} }
class CustomMaterialColor {
class CustomMaterialColor {
final int r; final int r;
final int g; final int g;
final int b; final int b;