A responsive Flutter App.
A Designer News App, made with keeping Mobile and Web in mind.
This project is a starting point for a Flutter application.
A few resources to get you started if this is your first Flutter project:
For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.
| UI Mockup by Rocket Science |
|---|
|
| Article Screen | GIF | Detailed Screen |
 |
 |
 |
| Full Expanded | |
|---|---|
|
|
| Half Expanded | |
|---|---|
|
|
import 'package:designernewsapp/views/main_page.dart';
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
void main() => runApp(
MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Designer News',
theme: ThemeData(
visualDensity: VisualDensity.adaptivePlatformDensity,
primaryColor: Colors.purple[800],
accentColor: Colors.purple[800].withOpacity(0.8),
textTheme: GoogleFonts.questrialTextTheme()
),
home: MyNewsApp(),
)
);
class MyNewsApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.white,
bottomNavigationBar: BottomAppBar(
elevation: 5,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: <Widget>[
IconButton(icon: Icon(
Icons.event_note,
color: Theme.of(context).accentColor,
), onPressed: (){}),
IconButton(icon: Icon(
Icons.search
), onPressed: null),
IconButton(icon: Icon(
Icons.bookmark_border
), onPressed: null),
IconButton(icon: Icon(
Icons.person_outline
), onPressed: null)
],
),
),
body: Padding(
padding: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
child: SafeArea(
child: SingleChildScrollView(
child: MainPage()
),
),
),
);
}
}