Skip to content

Instantly share code, notes, and snippets.

View ptyagicodecamp's full-sized avatar
🎯
Focusing

Priyanka Tyagi ptyagicodecamp

🎯
Focusing
View GitHub Profile
name: landingpage
description: Cross platform sample landing page implemented in Flutter
version: 1.0.0+1
dependencies:
flutter_web: any
dev_dependencies:
flutter_web_test: any
import 'package:flutter_web/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(
title: 'Flutter to fly !',
//Builds and decorates login button
Widget buildLoginButton() {
return Padding(
padding: EdgeInsets.all(8.0),
child: InkWell(
child: Container(
margin: EdgeInsets.only(left: 20),
width: 120,
height: 40,
decoration: BoxDecoration(
@override
Widget build(BuildContext context) {
return Padding(
padding: EdgeInsets.symmetric(horizontal: 45, vertical: 38),
child: buildHeader(),
);
}
Widget buildHeader() {
return Row(
//Adds welcome text
Widget addWelcomeText() {
return FractionallySizedBox(
alignment: Alignment.centerLeft, //text aligned to left side
widthFactor: .6, //covers about half of the screen
child: Padding(
padding: EdgeInsets.only(left: 48),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
class EmailBox extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Padding(
padding: EdgeInsets.only(left: 4.0, right: 74, top: 10, bottom: 40),
child: Container(
height: 60,
decoration: BoxDecoration(
color: MyColors.white1,
borderRadius: BorderRadius.circular(20),
import 'package:flutter_web/material.dart';
import 'package:landingpage/utils/myColors.dart';
import 'package:landingpage/utils/strings.dart';
class SubscribeButton extends StatelessWidget {
var emailImage = "assets/email.png";
@override
Widget build(BuildContext context) {
return InkWell(
class ResponsiveWidget {
...
final Widget largeScreen;
final Widget mediumScreen;
final Widget smallScreen;
const ResponsiveWidget(
{Key key, this.largeScreen, this.mediumScreen, this.smallScreen})
: super(key: key);
class SmallScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return SingleChildScrollView(
child: Padding(
padding: EdgeInsets.all(40),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text(