Proof of concept of Flutter running on CarPlay

Last update: Apr 9, 2022

CarPlay Flutter Widgets

CarPlayFlutterWidgets running

What is this?

This is a proof of concept of a Flutter based app running on Apple CarPlay app.

What can I use it for?

You can use Flutter to build your Maps CarPlay app. You can also experiment with custom UIs (like this app) but don't expect it to be approved on the App Store unless Apple allows more custom app types on CarPlay.

How does it work

The project is using the Map CarPlay template which allows rendering a custom UIViewController. Flutter is being added to the existing iOS app as a Flutter module. The custom UIViewController that is provided to CarPlay is a FlutterViewController which contains the Flutter widgets.

Limitations

While being able to render anything we want, the rendered FlutterViewController is not interactive. That means it does not respond directly to touch input. Intead we have to rely on the UI interactions that CarPlay's Map template provides. It is totally possible to customize the buttons of the Map Template (like we did with the + button) and interact with your Flutter widgets using those. You could also use touch gestures or Siri.

Author

Navideck

GitHub

https://github.com/Flutter-Auto-Technologies/CarPlay-Flutter-Widgets
You might also like...

a laundry app concept using flutter

 a laundry app concept using flutter

Flutter UI Concept Made by Maadhav Sharma Subscribe to Code Decoders Youtube Follow me on Instagram Follow me on Twitter Follow me on Facebook My Webs

Jul 19, 2022

Login UI Concept made with flutter (2-in-1)

Login UI Concept made with flutter (2-in-1)

Flutter UI Concept Made by Maadhav Sharma Subscribe to Code Decoders Youtube Follow me on Instagram Follow me on Twitter My Website ScreenShots Design

Jun 2, 2022

App concept created with Flutter using Dart programming language, inspired by Groceries Shopping App Interaction.

App concept created with Flutter using Dart programming language, inspired by Groceries Shopping App Interaction.

Grocery Shop Flutter App concept created with Flutter using Dart programming language, inspired by Groceries Shopping App Interaction. About The app w

Jul 21, 2022

App concept created with Flutter inspired by Tasty Burger.

App concept created with Flutter inspired by Tasty Burger.

Hamburger Flutter App concept created with Flutter inspired by Tasty Burger. About The app was created to simulate all the system behind the inspirati

Jul 15, 2022

Twitch Concept UI Built With Flutter

Twitch Concept UI Built With Flutter

Twitch Concept Proyecto basado en la idea original de Mao Lop. Plugins usados ca

Aug 4, 2022

A flutter widget that expresses the concept of neuomorphism in UI design

A flutter widget that expresses the concept of neuomorphism in UI design

neuomorphic_container A package widget that applies the concept of Neuomorphism in software development using Flutter. neuomorphic_container Package U

May 26, 2022

Here’s a Tinder Gold redesign concept for the popular dating app made with Flutter.

Here’s a Tinder Gold redesign concept for the popular dating app made with Flutter.

Tinder Gold redesign concept for the popular dating app made with Flutter, Hosted on Codemagic. Don't forget to star ⭐ the repo it motivates me to sha

Aug 8, 2022

Flutter representation of a Travel App Concept.

Flutter representation of a Travel App Concept.

English | 简体中文 🛫 Flutter Travel App Concept Flutter representation of a Travel App Concept i found in Uplabs. It only consists of 2 screens. Star ⭐ t

Aug 14, 2022

An e-commerce UI concept in Flutter for Android and iOS

An e-commerce UI concept in Flutter for Android and iOS

Welcome to Flutter-Shopping-UI-Kit 👋 Shopping UI design in Flutter Flutter-Shop

Jan 3, 2022

Related

Working proof of the Go (golang) server running inside Flutter
Working proof of the Go (golang) server running inside Flutter

flap Working proof of the Go server running inside Flutter Video in action Prerequisites Flutter >2.0 Go >1.16 Build Go server cd go macOS: make maco

Aug 5, 2022
A Flutter application running on mobile, web and desktop. Stay tuned to see who will win the stars race!
A Flutter application running on mobile, web and desktop. Stay tuned to see who will win the stars race!

The live stars race Access this project running at jhbitencourt.github.io/stars-race An app running on mobile, web and desktop. How long do you think

Jul 20, 2022
Create dart data classes easily, fast and without writing boilerplate or running code generation.
Create dart data classes easily, fast and without writing boilerplate or running code generation.

Dart Data Class Generator Create dart data classes easily, fast and without writing boilerplate or running code generation. Features The generator can

Feb 28, 2022
A server app built using Shelf, configured to enable running with Docker
A server app built using Shelf, configured to enable running with Docker

A server app built using Shelf, configured to enable running with Docker. This sample code handles HTTP GET requests to / and /echo/<message> Requests

Jan 26, 2022
A server app built using Shelf, configured to enable running with Docker
A server app built using Shelf, configured to enable running with Docker

A server app built using Shelf, configured to enable running with Docker. Project Structure Running the sample Running with the Dart SDK You can run t

Jan 12, 2022
Buildpack dart - A server app built using Shelf, configured to enable running with Docker

Hosted at https://dart-buildpack-demo-ruyjilv5wq-uc.a.run.app/ Buildpack defined

Aug 9, 2022
A server app built using Shelf, configured to enable running with Docker.

A server app built using Shelf, configured to enable running with Docker.

May 23, 2022
Flutter component concept created with Flutter using Dart programming language, inspired by Gooey Rab Bar.
Flutter component concept created with Flutter using Dart programming language, inspired by Gooey Rab Bar.

Gooey Tab Bar Flutter Flutter component concept created with Flutter using Dart programming language, inspired by Gooey Tab Bar. About This component

Jul 20, 2022
Flutter-Onboarding-UI-Concept - A Flutter conceptual design for on boarding screens for mobile apps
Flutter-Onboarding-UI-Concept - A Flutter conceptual design for on boarding screens for mobile apps

flutter_onboarding_ui_concept A conceptual design for on boarding screens for mobile apps. This app provides you with all the information you need to

Aug 2, 2022
https://dribbble.com/shots/3812962-iPhone-X-Todo-Concept Made With Flutter
https://dribbble.com/shots/3812962-iPhone-X-Todo-Concept Made With Flutter

?? FlutterTodo ?? Install Note: Make sure your Flutter environment is setup. In the command terminal, run the following commands: $ git clone https://

Aug 8, 2022