【问题标题】:Flutter: Dark Theme on iOSFlutter:iOS 上的深色主题
【发布时间】:2020-03-17 15:38:11
【问题描述】:

我正在使用 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);
        },
      ),
    );
  }
}

截图:

【问题讨论】:

标签: ios flutter dart ios-darkmode flutter-cupertino


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2019-03-20
    • 1970-01-01
    • 2022-08-12
    • 2018-09-30
    • 1970-01-01
    • 2017-11-16
    • 2019-05-10
    • 2013-06-23
    • 1970-01-01
    相关资源
    最近更新 更多