Flutter Cupertino Typography With Material Colors

You might be wondering, if we use Cupertino Material Based themes in Flutter; how one gets the Apple specific typography settings that Apple uses can expect in an App on an Apple device. Let me show you the tricks to make that happen.

Preparation

I am specifically using the Flutter plugin I contribute to, which is Flutter Platform Widgets:

flutter_platform_widgets | Flutter Package

First up, we need to create two a typography class for Material and text theme for Cupertino.

The typography class for Material:

The text theme for Cupertino: