Last active
September 23, 2021 08:27
-
-
Save Eng-MFQ/85dc27b3ddbc82bd73aa081cae70dde0 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import 'package:flutter/material.dart'; | |
void main() => runApp(MyApp()); | |
class MyApp extends StatelessWidget { | |
// This widget is the root of your application. | |
@override | |
Widget build(BuildContext context) { | |
return MaterialApp( | |
theme: ThemeData( | |
// to change your app color change this | |
primarySwatch: Colors.blue, | |
), | |
home: MyHomePage(), | |
); | |
} | |
} | |
/// this is a template to start building a UI | |
/// to start adding any UI you want change what comes after the [ body: ] tag below | |
class MyHomePage extends StatelessWidget { | |
@override | |
Widget build(BuildContext context) { | |
return Scaffold( | |
backgroundColor: Colors.white, | |
appBar: AppBar( | |
title: Text( | |
'Lake Oeschinen', | |
), | |
/*******************--[focus here 🧐]--*******************/ | |
elevation: 4.0, | |
), | |
body: ListView( | |
children: <Widget>[ | |
pageDetails(context), | |
], | |
)); | |
} | |
} | |
Widget pageDetails(BuildContext context) { | |
return Container( | |
child: Column( | |
crossAxisAlignment: CrossAxisAlignment.start, | |
mainAxisSize: MainAxisSize.max, | |
children: <Widget>[ | |
/*******************--[focus here 🧐]--*******************/ | |
imageGroup(), | |
titleGroup(), | |
iconGroup(), | |
textGroup(), | |
/*******************--[focus here 🧐]--*******************/ | |
], | |
), | |
); | |
} | |
/// Image URL | |
/// https://raw.githubusercontent.com/flutter/website/master/src/_includes/code/layout/lakes/images/lake.jpg | |
Widget imageGroup() { | |
return Text('Replace with image group'); | |
} | |
Widget titleGroup() { | |
return Text('Replace with title group'); | |
} | |
Widget iconGroup() { | |
return Text('Replace with icons group'); | |
} | |
/// here is the text to copy | |
///Lake Oeschinen lies at the foot of the Blüemlisalp in the Bernese Alps. Situated 1,578 meters above sea level, it is one of the larger Alpine Lakes. A gondola ride from Kandersteg, followed by a half-hour walk through pastures and pine forest, leads you to the lake, which warms to 20 degrees Celsius in the summer. Activities enjoyed here include rowing, and riding the summer toboggan run. | |
Widget textGroup() { | |
return Text('Replace with text group'); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment