Build a Native iOS Widget App with Flutter & SwiftUI | Flutter Tutorial

preview_player
Показать описание
Let's add an iOS Home Screen widget to our Flutter application!

It can be tricky to find a guide for this since views in Flutter are called "Widgets". In this tutorial we will build an iPhone Widget for our iOS Flutter Application.

GitHub Repo:

Application Dependencies:
Flutter Widget Kit:
`flutter pub add flutter_widgetkit`

Development Dependencies:
- Xcode
- Xcode Command Line Tools
- Flutter & Dart
- iOS Simulator

Timestamps:
0:00 - Intro
0:23 - Creating Flutter Portion
7:18 - Creating Widget Extension in Xcode
15:40 - Building & Demoing Application
17:38 - Flutter Code Cleanup
  1. Andronick
Рекомендации по теме
How to build 0:43:26

How to build an iOS Streaks App and Widget

Build a Native 0:20:05

Build a Native iOS Widget App with Flutter & SwiftUI | Flutter Tutorial

iOS Widget with 0:26:49

iOS Widget with React-Native | Practical Guide

Simple iOS widgets 0:03:11

Simple iOS widgets with widget kit in react native

Most overpowered way 0:08:33

Most overpowered way to build mobile apps?

React Native in 0:02:17

React Native in 100 Seconds

How to add 0:18:07

How to add Widget Extension in iOS Application || Xcode.

Build a Meme 0:15:03

Build a Meme Widget! iOS 15, Async/Await, WidgetKit, URLSession

iOS Development Tutorial 0:26:23

iOS Development Tutorial - Creating a widget

Create your first 0:07:32

Create your first Lockscreen Widget | iOS 16 WidgetKit Tutorial

Building your first 0:10:05

Building your first Flutter Widget

How to Make 3:00:49

How to Make an App in 8 Days (2024) - Full Walkthrough

Interactive Widgets in 0:09:23

Interactive Widgets in iOS 17

Flutter Basic Training 0:12:09

Flutter Basic Training - 12 Minute Bootcamp

How to create 0:23:02

How to create Dynamic Island Widget for React Native

Develop iOS Widget 0:11:38

Develop iOS Widget in Xcode

Flutter Platform Specific 0:03:20

Flutter Platform Specific Widgets

Flutter Getting Started: 0:24:48

Flutter Getting Started: Can You Build iOS Android Apps with One Language?

Interactive Widgets - 0:21:19

Interactive Widgets - Add Shuffle News App Intent to Home Screen Widget | WidgetKit | iOS 17

How To Add 0:01:04

How To Add A Countdown Widget On iPhone?

Flutter Unity Widget 0:09:18

Flutter Unity Widget - iOS

Beyond Mobile: Building 0:32:45

Beyond Mobile: Building Flutter Apps for iOS, Android, Chrome OS, and Web (Google I/O'19)

Configurable Widgets with 0:10:50

Configurable Widgets with AppIntents

How to Create 0:06:58

How to Create Stateless Widgets - Flutter Widgets 101 Ep. 1

Комментарии
Автор

yeah, he is making awesome videos keep going...

Uplift-foryou
Автор

Bro do more ios Widget or Ios background task videos please

dadebaygurbanow
Автор

what if I want to get my shared preferences values from flutter without pressing any button from flutter, is it possible?

malikTaha
Автор

Great tutorial, thanks!!
It works well, but when i click to widget to launch the app, it always crashes
Any idea how to solve error about NSInvalidArgumentException, nil error?

*** Terminating app due to uncaught exception 'NSInvalidArgumentException', reason: '*** -[__NSPlaceholderDictionary attempt to insert nil object from objects[0]'
*** First throw call stack:
(0x1b7f04e38 0x1b108f8d8 0x1b80aa078 0x1b80b53ac 0x1b7f202b8 0x1b7f20158 0x100d9eae8 0x100d9efe8 0x103d679f0 0x103d489fc 0x100fb2164 0x1bae0cadc 0x1bb046798 0x1bb047338 0x1ba8cfb1c 0x1ba8cfe3c 0x1bae0c7b4 0x1bb046734 0x1bb0470e8 0x1bf51b460 0x1bf51cf88 0x1bf52b7f4 0x1bf52b444 0x1b7f956c8 0x1b7f7702c 0x1b7f7beb0 0x1f2171368 0x1ba471668 0x1ba4712cc 0x1007c2448 0x1d6874960)
libc++abi: terminating with uncaught exception of type NSException
* thread #1, queue = 'com.apple.main-thread', stop reason = signal SIGABRT
frame #0: + 8
libsystem_kernel.dylib`:
-> 0x1f5a1f674 <+8>: b.lo 0x1f5a1f694 ; <+40>
0x1f5a1f678 <+12>: pacibsp
0x1f5a1f67c <+16>: stp x29, x30, [sp, #-0x10]!
0x1f5a1f680 <+20>: mov x29, sp
Target 0: (Runner) stopped.
Lost connection to device.

woojinmath