2

我正在使用 Flutter 创建一个应用程序。然而,在 iOS 上(您也可以在 Android 上测试它),不应用深色主题。使用 Android 小部件,它运行良好。

如何使用深色主题制作 Cupertino 小部件?特别是对于弹出窗口。

我正在使用 Flutter 1.9.1+hotfix6

例如库比蒂诺的“行动表”:

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);
        },
      ),
    );
  }
}

截屏:

关联

4

1 回答 1

2

检查此repo,您可以仅使用为您完成所有平台特定样板的单个小部件创建平台特定布局。至少在 iOS 中也支持暗模式。

于 2019-11-21T17:47:03.917 回答