Flutter different theme for Android and iOs

Question

I want to use a different theme for my flutter app, depending on the OS it's started on. How can I detect the OS when choosing what theme to apply?

Theme.of(context).platform == TargetPlatform.iOS

doesn't work, because I haven't applied a theme yet...

Answer 1

You can easily override theme by wrapping your view into a new Theme instance with custom properties.

You could do the following :

return new MaterialApp(
  // default theme here
  theme: new ThemeData(),
  builder: (context, child) {
    final defaultTheme = Theme.of(context);
    if (defaultTheme.platform == TargetPlatform.iOS) {
      return new Theme(
        data: defaultTheme.copyWith(
          primaryColor: Colors.purple
        ),
        child: child,
      );
    }
    return child;
  }
);

Which would specify a default theme. And then override primaryColor for IOS.