We redesign the outlook app also make it responsive so that you can run it everywhere on your phone, tab, or web.

Home Page: https://youtu.be/0mp-Ok00WZE

Kotlin 0.30% Dart 91.73% Ruby 3.27% Swift 0.98% Objective-C 0.09% HTML 3.63%

android-application flutter ios responsive-design

flutter-responsive-email-ui---mobile-tablet-and-web's Introduction

Outlook Email App Redesign - Flutter Fully Responsive Design UI

Watch it on YouTube

Flutter web work on beta make sure you change your channel, Configure the flutter tool for web support

Packages we are using:

websafe_svg: link
flutter_staggered_grid_view: link

We redesign the outlook app also make it responsive so that you can run it everywhere on your phone, tab, or web. In this flutter responsive video, we will show you the real power of flutter. Make mobile, web, and desktop app from a single codebase.

Outlook Email App Redesign Responsive Final UI

flutter-responsive-email-ui---mobile-tablet-and-web's People

Contributors

Stargazers

Watchers

Forkers

medkannouch nerdfaisal404 ronaldoasilva adham-ta groundfeel iphearum smathar oladapo95 rocksolutions-io 3rsin3rgul onyicodes hoangduongit1997 aliakberaakash arifbudiman0104 aliffauzi jslavao seriforte imdarpn davahiatak1 ethiel97 m-a-r-p iamdeepraj juan41285 oyewalekehinde cl545740896 abdur-rohman izudinalqasam blizzy312 phuongdanh ledinhthanh donove-dev massimiliano76 shadow243 chaluvadis nafis042 mohamoha6200 dishubagga jesusgy yasnier1989 ftkhanft maniya108 alpah7 fachriansyahmni 77thecoder v3rsion9 tchigher vjaydeshmukh mashegoindustries efazalk nikets40 asdlei99 toshiba01 rutcast hbnetben elmobark triandamai dwalterjansen usimsek gabeta mtellect tieorange stanislas-web diashenrique kerrongordon yegobox abiudrn dieasmaz shirokun20 angelelizalde21 envomer kakzaki sasnigdho sushmita2609 xewery steelheart jfsanchez91 islamzazoe mobidian peekors sayyidisal bootinge vandong9 abdulrahmanafq zhiephieforks andreclaudino raudyagdel loneken79 deepikadt marcospoveda djdeo samuelematias vaibhavsharmakv longphu0001 mashood97 codedken hudawei996 sonataruby naaban kunalk651 yazidalg

flutter-responsive-email-ui---mobile-tablet-and-web's Issues

شكرا على المعلومة المفيدة

❤

How to change the url in web app?

Hi, is it possibile to change the URL in the address bar of the browser while navigating a new screen?
thanks in advance,

Is this project active?

Hi everyone.

I want to help, but I want to know if this project is active. Is this project active?

depends on integration_test any from sdk which doesn't exist

thanks for the great looking example app. getting this error when trying to run flutter pub get

Because outlook depends on integration_test any from sdk which doesn't exist (could not find package integration_test in the Flutter SDK), version solving failed.

id suggest just adding a reminder note on the README that devs needs to be on the flutter beta(?) channel

code still running ?

does the code still run cause i got error everytime I run it.
Launching lib\main.dart on Chrome in debug mode...
This app is linked to the debug service: ws://127.0.0.1:53717/6S2U6arJ6do=/ws
Debug service listening on ws://127.0.0.1:53717/6S2U6arJ6do=/ws
Running with unsound null safety
For more information see https://dart.dev/null-safety/unsound-null-safety
Connecting to VM Service at ws://127.0.0.1:53717/6S2U6arJ6do=/ws
Flutter Web Bootstrap: Auto
══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
The following assertion was thrown building NotificationListener:
RenderObjectElement.insertChildRenderObject() is deprecated.
insertChildRenderObject() was called on this Element: SliverStaggeredGrid:
delegate: SliverChildBuilderDelegate#0e49a(estimated child count: 3)
renderObject: RenderSliverStaggeredGrid#85ce8 relayoutBoundary=up2 NEEDS-LAYOUT NEEDS-PAINT
insertChildRenderObject() has been deprecated in favor of insertRenderObjectChild(). See
flutter/flutter#63269 for details.
Rather than overriding insertChildRenderObject() in your RenderObjectElement subclass, override
insertRenderObjectChild() instead, and DON'T call super.insertRenderObjectChild(). If you're
implementing a new RenderObjectElement, you should override/implement insertRenderObjectChild(),
moveRenderObjectChild(), and removeRenderObjectChild().
The relevant error-causing widget was:
SliverStaggeredGrid
SliverStaggeredGrid:file:///D:/flutter/SDK/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_staggered_grid_view-0.3.4/lib/src/widgets/staggered_grid_view.dart:506:16
When the exception was thrown, this was the stack:
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/internal/js_dev_runtime/private/ddc_runtime/errors.dart 251:49 throw
packages/flutter/src/widgets/framework.dart 6022:7
packages/flutter/src/widgets/framework.dart 5996:35 attachRenderObject
packages/flutter/src/widgets/framework.dart 5673:5 mount
packages/flutter/src/widgets/framework.dart 6214:11 mount
packages/flutter/src/widgets/framework.dart 3817:15 inflateWidget
packages/flutter/src/widgets/framework.dart 3551:18 updateChild
packages/flutter/src/widgets/framework.dart 4832:16 performRebuild
packages/flutter/src/widgets/framework.dart 4529:5 rebuild
packages/flutter/src/widgets/framework.dart 4787:5 [_firstBuild]
packages/flutter/src/widgets/framework.dart 4781:5 mount
packages/flutter/src/widgets/framework.dart 3817:15 inflateWidget
packages/flutter/src/widgets/framework.dart 3551:18 updateChild
packages/flutter/src/widgets/framework.dart 4832:16 performRebuild
packages/flutter/src/widgets/framework.dart 4529:5 rebuild
packages/flutter/src/widgets/framework.dart 4787:5 [_firstBuild]
packages/flutter/src/widgets/framework.dart 4781:5 mount
packages/flutter/src/widgets/framework.dart 3817:15 inflateWidget
packages/flutter/src/widgets/framework.dart 3551:18 updateChild
packages/flutter/src/widgets/framework.dart 4832:16 performRebuild
packages/flutter/src/widgets/framework.dart 4977:11 performRebuild
packages/flutter/src/widgets/framework.dart 4529:5 rebuild
packages/flutter/src/widgets/framework.dart 4787:5 [_firstBuild]
packages/flutter/src/widgets/framework.dart 4968:11 [_firstBuild]
packages/flutter/src/widgets/framework.dart 4781:5 mount
packages/flutter/src/widgets/framework.dart 3817:15 inflateWidget
packages/flutter/src/widgets/framework.dart 3551:18 updateChild
packages/flutter/src/widgets/framework.dart 4832:16 performRebuild
packages/flutter/src/widgets/framework.dart 4529:5 rebuild
packages/flutter/src/widgets/framework.dart 4787:5 [_firstBuild]
packages/flutter/src/widgets/framework.dart 4781:5 mount
packages/flutter/src/widgets/framework.dart 3817:15 inflateWidget
packages/flutter/src/widgets/framework.dart 3551:18 updateChild
packages/flutter_staggered_grid_view/src/widgets/sliver.dart 170:36 updateChild
packages/flutter_staggered_grid_view/src/widgets/sliver.dart 154:20
packages/flutter/src/widgets/framework.dart 2597:19 buildScope
packages/flutter_staggered_grid_view/src/widgets/sliver.dart 150:11 createChild
packages/flutter_staggered_grid_view/src/rendering/sliver_variable_size_box_adaptor.dart 250:23
packages/flutter/src/rendering/object.dart 2025:59
packages/flutter/src/rendering/object.dart 918:15 [_enableMutationsToDirtySubtrees]
packages/flutter/src/rendering/object.dart 2025:7 invokeLayoutCallback
packages/flutter_staggered_grid_view/src/rendering/sliver_variable_size_box_adaptor.dart 238:5 [_createOrObtainChild]
packages/flutter_staggered_grid_view/src/rendering/sliver_variable_size_box_adaptor.dart 315:5 addAndLayoutChild
packages/flutter_staggered_grid_view/src/rendering/sliver_staggered_grid.dart 330:13 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/sliver_padding.dart 137:5 performLayout
packages/flutter/src/rendering/sliver_padding.dart 371:11 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/viewport.dart 510:12 layoutChildSequence
packages/flutter/src/rendering/viewport.dart 1580:12 [_attemptLayout]
packages/flutter/src/rendering/viewport.dart 1489:20 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/custom_paint.dart 545:11 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 277:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/layout_helper.dart 56:10 layoutChild
packages/flutter/src/rendering/flex.dart 829:43 [_computeSizes]
packages/flutter/src/rendering/flex.dart 931:32 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 277:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/widgets/layout_builder.dart 318:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/layout_helper.dart 56:10 layoutChild
packages/flutter/src/rendering/flex.dart 829:43 [_computeSizes]
packages/flutter/src/rendering/flex.dart 931:32 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/layout_helper.dart 56:10 layoutChild
packages/flutter/src/rendering/flex.dart 896:45 [_computeSizes]
packages/flutter/src/rendering/flex.dart 931:32 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/shifted_box.dart 233:5 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/widgets/single_child_scroll_view.dart 513:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/custom_paint.dart 545:11 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/layout_helper.dart 56:10 layoutChild
packages/flutter/src/rendering/flex.dart 896:45 [_computeSizes]
packages/flutter/src/rendering/flex.dart 931:32 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/shifted_box.dart 233:5 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/custom_layout.dart 171:10 layoutChild
packages/flutter/src/material/scaffold.dart 1003:7 performLayout
packages/flutter/src/rendering/custom_layout.dart 240:7 [_callPerformLayout]
packages/flutter/src/rendering/custom_layout.dart 403:14 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/proxy_box.dart 1376:11 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/layout_helper.dart 56:10 layoutChild
packages/flutter/src/rendering/flex.dart 896:45 [_computeSizes]
packages/flutter/src/rendering/flex.dart 931:32 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/widgets/layout_builder.dart 318:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/custom_layout.dart 171:10 layoutChild
packages/flutter/src/material/scaffold.dart 1003:7 performLayout
packages/flutter/src/rendering/custom_layout.dart 240:7 [_callPerformLayout]
packages/flutter/src/rendering/custom_layout.dart 403:14 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/proxy_box.dart 1376:11 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/proxy_box.dart 3462:13 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/widgets/overlay.dart 749:14 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/proxy_box.dart 116:7 performLayout
packages/flutter/src/rendering/object.dart 1915:7 layout
packages/flutter/src/rendering/view.dart 165:7 performLayout
packages/flutter/src/rendering/object.dart 1757:7 [_layoutWithoutResize]
packages/flutter/src/rendering/object.dart 887:17 flushLayout
packages/flutter/src/rendering/binding.dart 504:19 drawFrame
packages/flutter/src/widgets/binding.dart 892:13 drawFrame
packages/flutter/src/rendering/binding.dart 370:5 [_handlePersistentFrameCallback]
packages/flutter/src/scheduler/binding.dart 1146:15 [_invokeFrameCallback]
packages/flutter/src/scheduler/binding.dart 1083:9 handleDrawFrame
packages/flutter/src/scheduler/binding.dart 864:7
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/_internal/js_dev_runtime/private/isolate_helper.dart 48:19 internalCallback
════════════════════════════════════════════════════════════════════════════════════════════════════
Another exception was thrown: RenderObjectElement.insertChildRenderObject() is deprecated.
Another exception was thrown: RenderObjectElement.insertChildRenderObject() is deprecated.
Another exception was thrown: RenderObjectElement.insertChildRenderObject() is deprecated.
Another exception was thrown: Assertion failed:
Another exception was thrown: Unexpected null value.
Another exception was thrown: Unexpected null value.
Another exception was thrown: Unexpected null value.

support null safety

integration_test is not support in stable branch

integration_test is not support in stable branch right now. Please update readme file for compiling this project.

websafe_svg is crashing entire app.

I changed all Websafe_svg to material icons and the app is working very well.

Layout is broken totally in new versions

Is it possible to run it on OWA?

outlook.live.com

It's not clear if it can?

Because if it's a heavy client (an app/exe), I just better download OutLook exe, it will be complete and better

But if it's more like a browser plugin allowing for better UI on web page, then it's a great idea

You should clarify on the ReadMe

Error

../../.pub-cache/hosted/pub.dartlang.org/flutter_svg-0.18.1/lib/src/picture_provider.dart:50:59: Error: No named parameter with the name 'nullOk'.
context != null ? Localizations.localeOf(context, nullOk: true) : null,
^^^^^^
../../flutter/packages/flutter/lib/src/widgets/localizations.dart:413:17: Context: Found this candidate, but the arguments don't match.
static Locale localeOf(BuildContext context) {
^^^^^^^^

FAILURE: Build failed with an exception.

Where:
Script '/home/arashdeep/flutter/packages/flutter_tools/gradle/flutter.gradle' line: 991
What went wrong:
Execution failed for task ':app:compileFlutterBuildDebug'.

Process 'command '/home/arashdeep/flutter/bin/flutter'' finished with non-zero exit value 1

Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.
Get more help at https://help.gradle.org

BUILD FAILED in 2m 46s
Running Gradle task 'assembleDebug'...
Running Gradle task 'assembleDebug'... Done 168.9s
Exception: Gradle task assembleDebug failed with exit code 1

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.

abuanwar072 / flutter-responsive-email-ui---mobile-tablet-and-web Goto Github PK