Question

我正在使用Flutter创建一个应用程序。但是，在iOS上（您也可以在Android上对其进行测试），未应用深色主题。使用Android小部件，它可以正常工作。

如何使用深色主题制作Cupertino小部件？尤其是对于弹出窗口。

我正在使用Flutter 1.9.1 + hotfix6

例如Cupertino的“ ActionSheet”：

import 'package:flutter/material.dart';

import 'home.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData.dark(),
      darkTheme: ThemeData.dark(),
      home: Home(),
    );
  }
}

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: RaisedButton(
        child: Text('test'),
        onPressed: () {
          Widget secondaryButton, confirmButton, popup;
          secondaryButton = CupertinoActionSheetAction(
            child: Text('secundary'),
            onPressed: () {},
          );

          confirmButton = CupertinoActionSheetAction(
            child: Text('test'),
            onPressed: () {},
          );

          popup = CupertinoActionSheet(
            title: Text('Title'),
            message: Text('Content'),
            cancelButton: secondaryButton,
            actions: [confirmButton],
          );

          showCupertinoModalPopup(
              context: context, builder: (context) => popup);
        },
      ),
    );
  }
}

屏幕截图：

Answer 1

选中此repo，您只能使用一个为您完成所有平台特定样板的小部件来创建平台特定的布局。至少在iOS中也支持深色模式。

Flutter：iOS上的黑暗主题

1 个答案: