Flutter demo application for Apple TV (tvos) using custom Flutter engine

Flutter for Apple TV

A modification of the Flutter engine + test application to demonstrate that Flutter applications run on Apple TV

This project (and Liberty Global repositories referred to) are for testing purposes only!

Flutter and the related logo are trademarks of Google LLC We are not endorsed by or affiliated with Google LLC.

Approach:

  • Engine:
  • Framework
    • No modifications in "flutter" tool (/framework)
    • Platform tvos not supported, ios target cannot be used because without modifications it would the use wrong SDK(ios) to compile the application
  • Application
    • Changes compared to ios application setup:
      • Modified main storyboard
      • Icon set for tvos
      • Custom script to compile application which replaces code_backend.sh in the “build phases” step. This script is based on scripts from the engine test application which only use tools from the engine. The normal script cannot be used because it used the standard “flutter” tool which does not support tvos.
    • Copy generated resources from real ios app target. The test app target actually overwrites the ios build to use the resources.
    • Change targets for application and pods to ‘tvos’ and set minimum OS version to 12.0

Known limitations

  • Not all pods will compile. ios target is used and some API's are not supported by tvos. E.g. WebView
  • No debugging capabilities
  • No Apple TV look and feel widgets, no integration of virtual keyboard, ...
  • Resource monitoring is not supported by tvos (using flutter tools)

Known Issues

  • When a debug version is installed on a simulator or Apple TV device, then the app will not load when selected on screen. It will only load from the xcode debugger. This is not an issue for release builds. This has most likely to do with the fact that the app is trying to connect to 127.0.0.1 which is not started because the flutter tools are not used.

Supported devices

  • Apple tvOS 12.0 or later

Workarounds

Setting up engine / development environment

Compiling the engine

  • The script will build 5 targets for TVOS in the src/out folder:
    • ios_debug_unopt, ios_debug_sim_unopt, ios_release, host_debug_unopt and host_release release
  • Note: Fectching all repositories and compiling the engine for Apple TV (all targets) requires at leaste 29Gb of free diskspace!
  • Run in /engine/src/ script sh ninja_build.sh (located in script folder, see )
    • Add paramter clean for a full rebuild.
    • Note: The --no-lto flag can be removed on 32Gb host systems
  • Based on: https://github.com/flutter/flutter/wiki/Compiling-the-engine. The problem with the order described on this wiki is that the generated files for the host point to the ios/tvos sdk instead of macos

Compiling application

  • 1st build real ios target to make sure the resources(images, fonts, ...) are generated by the flutter tools and can be used for tvos
    • flutter build ios
  • Note: the application will regardless of the target, always be compiled to /build/ios/Release-iphoneos. The main reasone for this is that the resouces generated by the normal ios build are located here and are re-used.
    • This means that if any of the resource will change, added or removed that normal ios build must be done first. In order to do this, the step below must be un done first!
  • Rename tvos folder to ios
    • Flutter tools assume the folder name is ios. Flutter pub get will fail if the folder has a different name!
    • Run command: sh scripts/switch_target.sh tvos
    • (to switch back to ios: sh scripts/switch_target.sh ios)
  • Run command: flutter pub get
  • Go to ios folder
  • Install/get cocoa pods
    • Run command: pod install
    • Pods target is automatically corrected from ios to tvos in podfile post_install step
  • Copy flutter framework to pods
    • Run command: sh ../scripts/copy_framework.sh debug_sim <path to local flutter engine>/engine/src
    • Copies debug simulator version. The correct version (debug, sim, release/archive) will be copied during app compilation
    • Unfortunately this is a manual step, because the pods are compiled first as a dependency by xcode and there is no hook in the xcode build process before this to automatically copy the right frame work to be used based on the selected target
  • Open in ios folder Runner.xcworkspace
    • Set path to local compiled flutter engine in FLUTTER_LOCAL_ENGINE (src folder)
    • e.g. FLUTTER_LOCAL_ENGINE = <your local path to flutter engine>/engine/src
    • alternatively run: sed -i '' "s#FLUTTER_LOCAL_ENGINE[[:space:]]=[[:space:]].*;#FLUTTER_LOCAL_ENGINE = \"${FLUTTER_LOCAL_ENGINE}\";#g" Runner.xcodeproj/project.pbxproj
  • Build app for device debug, simulator or archive (see switching target below)

GitHub

https://github.com/LibertyGlobal/flutter-tvos-demo