Proof of concept of Flutter running on CarPlay

Overview

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

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

Sep 12, 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

Nov 22, 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

Nov 17, 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

Sep 28, 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

Oct 1, 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

Oct 16, 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

Nov 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

Nov 20, 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

Sep 14, 2022
Comments
  • App shows blank Screen when opens

    App shows blank Screen when opens

    Hey, I have tried to run this app but I was getting some path issues, so I created a sample app and sample module and copy code from here to dedicated files. But when I run the app it just shows blank screen. How I copied the code:

    • Copy main.dart file to my flutter module
    • copy appdeligate.swift file code
    • copy viewcontroller code
    • add entitlement file as well Still it just shows blank white screen, is there anything I am missing ? Softwares Versions :
    • Xcode 13.4.1
    • Iphone 11 simulator
    opened by sharadAimonk 1
Owner
Flutter Auto Technologies
Automotive Technologies made with Google's Flutter
Flutter Auto Technologies
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

Err 27 Oct 7, 2022
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

null 28 Jul 20, 2022
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

null 186 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. This sample code handles HTTP GET requests to / and /echo/<message> Requests

Tornike Gogberashvili 1 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. Project Structure Running the sample Running with the Dart SDK You can run t

null 0 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

Kevin Moore 12 Oct 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.

RAHUL SHARMA 1 May 23, 2022
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

Wilton Neto 215 Nov 15, 2022
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

CODEHOMIE 263 Oct 16, 2022
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://

Marc L. 545 Nov 17, 2022