Skip to content

Instantly share code, notes, and snippets.

@Eng-MFQ
Last active September 23, 2021 08:27
Show Gist options
  • Save Eng-MFQ/85dc27b3ddbc82bd73aa081cae70dde0 to your computer and use it in GitHub Desktop.
Save Eng-MFQ/85dc27b3ddbc82bd73aa081cae70dde0 to your computer and use it in GitHub Desktop.
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