DanielCujba/fitness_homie
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

sadas

Browse Source
This commit is contained in:
Daniel Cujba
2022-11-20 07:15:06 +02:00
parent 474eb13cfa
commit 9bf1363ab5
3 changed files with 203 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/images/paharPB.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

lib/main.dart
+202 -48
View File
@@ -18,7 +18,7 @@ class MyApp extends StatelessWidget {
backgroundColor: Colors.transparent, backgroundColor: Colors.transparent,
elevation: 0.0, elevation: 0.0,
centerTitle: true, centerTitle: true,
titleTextStyle: TextStyle(color: Colors.black, fontSize: 20), titleTextStyle: TextStyle(color: Colors.white, fontSize: 30),
)), )),
home: const MyHomePage(title: 'Fitness Homie'), home: const MyHomePage(title: 'Fitness Homie'),
); );
@@ -41,6 +41,7 @@ class _MyHomePageState extends State<MyHomePage> {
List<Widget> tasks = []; List<Widget> tasks = [];
final tasks_progress = []; final tasks_progress = [];
int _total_tasks = 15; int _total_tasks = 15;
int _water = 7;
final screens = []; final screens = [];
@@ -449,59 +450,211 @@ class _MyHomePageState extends State<MyHomePage> {
void create_home_page() { void create_home_page() {
setState(() { setState(() {
screens.add( screens.add(SpannableGrid(
SpannableGrid( cells: [
cells: [ SpannableGridCellData(
SpannableGridCellData(
id: 1, id: 1,
column: 1, column: 1,
row: 1, row: 1,
columnSpan: 2, columnSpan: 4,
rowSpan: 3,
child: Container( child: Container(
child: Center(child: Text("Text 1")), decoration: BoxDecoration(
color: Color.fromRGBO(255, 255, 0, 1)), border: Border.all(
), width: 5, color: Color.fromARGB(255, 115, 115, 130)),
SpannableGridCellData( borderRadius: BorderRadius.all(Radius.circular(25)),
id: 2, color: Color.fromRGBO(240, 240, 240, 1)),
column: 1, child: SpannableGrid(
row: 2, cells: [
columnSpan: 2, SpannableGridCellData(
child: Container( id: 5,
child: Center(child: Text("Text 1")), column: 1,
color: Color.fromRGBO(255, 255, 0, 1))), row: 1,
SpannableGridCellData( columnSpan: 4,
id: 3, child: Container(
column: 1, child: Center(
row: 3, child: Text(
child: Container( "Hello Mihnea!",
child: Center(child: Text("Text 1")), style: TextStyle(
color: Color.fromRGBO(255, 255, 0, 1)), fontSize: 35,
), fontFamily: "Lato",
SpannableGridCellData( color: Color.fromARGB(255, 0, 0, 0),
id: 4, fontWeight: FontWeight.w500,
column: 1, fontStyle: FontStyle.normal,
row: 4, letterSpacing: 8,
child: Container( wordSpacing: 10,
child: Center(child: Text("Text 1")), ),
color: Color.fromRGBO(255, 255, 0, 1)), ))),
), ),
SpannableGridCellData( SpannableGridCellData(
id: 5, id: 6,
column: 2, column: 1,
row: 3, row: 2,
rowSpan: 2, columnSpan: 4,
child: Container( child: Container(
child: Center(child: Text("Text 1")), child: Center(
color: Color.fromRGBO(255, 255, 0, 1)), child: Text(
), "Welcome back!",
], style: TextStyle(
columns: 2, fontSize: 35,
rows: 4, color: Color.fromARGB(255, 0, 0, 0),
style: SpannableGridStyle( fontStyle: FontStyle.normal,
spacing: 10, letterSpacing: 4,
wordSpacing: 5),
))),
),
SpannableGridCellData(
id: 7,
column: 1,
row: 3,
columnSpan: 4,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
SizedBox(
width: MediaQuery.of(context).size.width * 0.85,
child: Row(
mainAxisAlignment:
MainAxisAlignment.spaceBetween,
children: [
Text("data1"),
Text("data2"),
],
),
),
SizedBox(
height: 15,
),
SizedBox(
child: LinearPercentIndicator(
alignment: MainAxisAlignment.center,
width:
MediaQuery.of(context).size.width * 0.8,
animation: true,
lineHeight: 20.0,
animationDuration: 2500,
percent: 0.8,
barRadius: const Radius.circular(16),
center: Text("80.0%"),
progressColor: Colors.deepPurple,
),
),
],
))
],
columns: 4,
rows: 3,
style: SpannableGridStyle(
spacing: 0,
),
))),
SpannableGridCellData(
id: 2,
column: 1,
row: 4,
columnSpan: 2,
rowSpan: 2,
child: Container(
decoration: BoxDecoration(
border: Border.all(
width: 5, color: Color.fromARGB(255, 115, 115, 130)),
borderRadius: BorderRadius.all(Radius.circular(25)),
color: Color.fromRGBO(240, 240, 240, 1)),
child: Center(
child: Flex(
direction: Axis.vertical,
children: [
Expanded(flex: 1, child: Center(child: Text("Hours Used"))),
Expanded(
flex: 1,
child: Center(
child: Flex(
direction: Axis.vertical,
children: [Text("12 hrs"), Text("6hrs total")],
))),
],
))),
), ),
SpannableGridCellData(
id: 3,
column: 1,
row: 6,
columnSpan: 2,
rowSpan: 2,
child: Container(
decoration: BoxDecoration(
border: Border.all(
width: 5, color: Color.fromARGB(255, 115, 115, 130)),
borderRadius: BorderRadius.all(Radius.circular(25)),
color: Color.fromRGBO(240, 240, 240, 1)),
alignment: Alignment.center,
child: Flex(
direction: Axis.vertical,
children: [
Expanded(flex: 1, child: Center(child: Text('data'))),
Expanded(
flex: 1,
child: Center(
child: Stack(
children: [
LinearPercentIndicator(
alignment: MainAxisAlignment.center,
width: 160,
animation: true,
animateFromLastPercent: true,
lineHeight: 35.0,
animationDuration: 1000,
percent: 0.1 * _water,
progressColor: Color.fromARGB(255, 58, 79, 183),
),
Image(
image: AssetImage("paharPB.png"),
),
],
))),
Expanded(
flex: 1,
child: Center(
child: TextButton(
style: ButtonStyle(
foregroundColor: MaterialStateProperty.all<Color>(
Colors.deepPurple),
),
onPressed: () {
setState(() {
_water = _water + 1;
});
},
child: Text(
'TextButton',
),
)))
],
)),
),
SpannableGridCellData(
id: 4,
column: 3,
row: 4,
rowSpan: 4,
columnSpan: 2,
child: Container(
child: Center(child: Text("Text 4")),
decoration: BoxDecoration(
border: Border.all(
width: 5, color: Color.fromARGB(255, 115, 115, 130)),
borderRadius: BorderRadius.all(Radius.circular(25)),
color: Color.fromRGBO(240, 240, 240, 1)),
),
),
],
columns: 4,
rows: 7,
style: SpannableGridStyle(
spacing: 10,
), ),
); ));
}); });
} }
@@ -540,6 +693,7 @@ class _MyHomePageState extends State<MyHomePage> {
BottomNavigationBarItem( BottomNavigationBarItem(
label: "Profile", icon: Icon(Icons.person)) label: "Profile", icon: Icon(Icons.person))
], ],
selectedItemColor: Colors.deepPurple,
currentIndex: _selectedIndex, currentIndex: _selectedIndex,
onTap: _onItemTapped, onTap: _onItemTapped,
), ),
pubspec.yaml
+1
View File
@@ -59,6 +59,7 @@ dev_dependencies:
flutter: flutter:
assets: assets:
- blank-profile.jpg - blank-profile.jpg
- paharPB.png
# The following line ensures that the Material Icons font is # The following line ensures that the Material Icons font is
# included with your application, so that you can use the icons in # included with your application, so that you can use the icons in
# the material Icons class. # the material Icons class.