如何将CupertinoApp包装在“本地化”小部件中,以便可以在其中使用“材质”小部件?

时间:2019-04-30 07:59:33

标签: dart flutter

我正在使用CupertinoApp小部件来包装我的应用程序,同时尝试在其中使用Material TextFormField小部件。

例如,当我触发文本选择模式(双击文本字段)时,出现以下错误(因为它试图打开需要材料本地化的覆盖小部件):

错误消息

未找到MaterialLocalizations。 OverlayEntry窗口小部件需要由Localizations窗口小部件的祖先提供MaterialLocalizations。

本地化用于生成材料库使用的许多不同的消息,标签和缩写。

要引入MaterialLocalizations,请在应用程序的根目录使用MaterialApp来:自动包含它们,或者添加带有MaterialLocalizations委托的Localization小部件。


问题是我无法使用MaterialApp,因为我需要使用Cupertino样式导航(CupertinoTabBar / CupertinoTabView内部的嵌套导航器),因此我需要使用本地化小部件方法。

但是以下代码不能解决问题:

void main() {
  runApp(
    Localizations(
      child: CupertinoApp(
        debugShowCheckedModeBanner: false,
        home: App(), // <-- Main Screen, a Cupertino Tab Scaffold with 3 CupertinoTabViews
      ),
      locale: Locale('en', 'US'),
      delegates: <LocalizationsDelegate>[

        // I assumed these were sufficient, but the runtime exception still persist.
        DefaultMaterialLocalizations.delegate,
        DefaultCupertinoLocalizations.delegate,
        DefaultWidgetsLocalizations.delegate,
      ],
    ),
  );
}

然后我的问题是,执行此操作的正确方法是什么,难道无法在CupertinoApp中使用Material小部件吗?

I/flutter ( 7631): ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
I/flutter ( 7631): The following assertion was thrown building
I/flutter ( 7631): _OverlayEntry-[LabeledGlobalKey<_OverlayEntryState>#1e5c6](dirty, dependencies:
I/flutter ( 7631): [_LocalizationsScope-[GlobalKey#d1cfa]], state: _OverlayEntryState#ba2a3):
I/flutter ( 7631): No MaterialLocalizations found.
I/flutter ( 7631): _OverlayEntry widgets require MaterialLocalizations to be provided by a Localizations widget
I/flutter ( 7631): ancestor.
I/flutter ( 7631): Localizations are used to generate many different messages, labels,and abbreviations which are used
I/flutter ( 7631): by the material library. 
I/flutter ( 7631): To introduce a MaterialLocalizations, either use a  MaterialApp at the root of your application to
I/flutter ( 7631): include them automatically, or add a Localization widget with a MaterialLocalizations delegate.
I/flutter ( 7631): The specific widget that could not find a MaterialLocalizations ancestor was:
I/flutter ( 7631):   _OverlayEntry-[LabeledGlobalKey<_OverlayEntryState>#1e5c6]
I/flutter ( 7631): The ancestors of this widget were:
I/flutter ( 7631):   Stack(alignment: AlignmentDirectional.topStart, fit: expand, overflow: clip)
I/flutter ( 7631):   _Theatre
I/flutter ( 7631):   Overlay-[LabeledGlobalKey<OverlayState>#362c7]
I/flutter ( 7631):   _FocusScopeMarker
I/flutter ( 7631):   Semantics(container: false, properties: SemanticsProperties, label: null, value: null, hint: null,
I/flutter ( 7631):   hintOverrides: null)
I/flutter ( 7631):   FocusScope
I/flutter ( 7631):   AbsorbPointer(absorbing: false)
I/flutter ( 7631):   Listener(listeners: [down, up, cancel], behavior: deferToChild)
I/flutter ( 7631):   Navigator-[GlobalObjectKey<NavigatorState> _WidgetsAppState#2397a]
I/flutter ( 7631):   DefaultTextStyle(inherit: false, color: Color(0xff000000), family: .SF Pro Text, size: 17.0,
I/flutter ( 7631):   letterSpacing: -0.4, decoration: TextDecoration.none, softWrap: wrapping at box width, overflow:
I/flutter ( 7631):   clip)
I/flutter ( 7631):   Title(color: Color(0xff007aff))
I/flutter ( 7631):   Directionality(textDirection: ltr)
I/flutter ( 7631):   _LocalizationsScope-[GlobalKey#d1cfa]
I/flutter ( 7631):   Semantics(container: false, properties: SemanticsProperties, label: null, value: null, hint: null,
I/flutter ( 7631):   textDirection: ltr, hintOverrides: null)
I/flutter ( 7631):   Localizations(locale: en_US, delegates: [DefaultCupertinoLocalizations.delegate(en_US),
I/flutter ( 7631):   DefaultWidgetsLocalizations.delegate(en_US)])
I/flutter ( 7631):   MediaQuery(MediaQueryData(size: Size(411.4, 683.4), devicePixelRatio: 2.6, textScaleFactor: 1.0,
I/flutter ( 7631):   platformBrightness: Brightness.light, padding: EdgeInsets(0.0, 24.0, 0.0, 0.0), viewInsets:
I/flutter ( 7631):   EdgeInsets.zero, alwaysUse24HourFormat: false, accessibleNavigation: falsedisableAnimations:
I/flutter ( 7631):   falseinvertColors: falseboldText: false))
I/flutter ( 7631):   WidgetsApp-[GlobalObjectKey _CupertinoAppState#5df27]
I/flutter ( 7631):   IconTheme(IconThemeData#33904(color: Color(0xff007aff)))
I/flutter ( 7631):   _InheritedCupertinoTheme
I/flutter ( 7631):   CupertinoTheme
I/flutter ( 7631):   ScrollConfiguration(behavior: _AlwaysCupertinoScrollBehavior)
I/flutter ( 7631):   CupertinoApp
I/flutter ( 7631):   Directionality(textDirection: ltr)
I/flutter ( 7631):   _LocalizationsScope-[GlobalKey#dfb7d]
I/flutter ( 7631):   Semantics(container: false, properties: SemanticsProperties, label: null, value: null, hint: null,
I/flutter ( 7631):   textDirection: ltr, hintOverrides: null)
I/flutter ( 7631):   Localizations(locale: en_US, delegates: [DefaultMaterialLocalizations.delegate(en_US),
I/flutter ( 7631):   DefaultCupertinoLocalizations.delegate(en_US), DefaultWidgetsLocalizations.delegate(en_US)])
I/flutter ( 7631):   _InheritedModel<AppModel>
I/flutter ( 7631):   AnimatedBuilder(animation: Instance of 'AppModel')
I/flutter ( 7631):   ScopedModel<AppModel>
I/flutter ( 7631):   [root]
I/flutter ( 7631): 
I/flutter ( 7631): When the exception was thrown, this was the stack:
I/flutter ( 7631): #0      debugCheckHasMaterialLocalizations.<anonymous closure> (package:flutter/src/material/debug.dart:124:7)
I/flutter ( 7631): #1      debugCheckHasMaterialLocalizations (package:flutter/src/material/debug.dart:127:4)
I/flutter ( 7631): #2      _MaterialTextSelectionControls.buildToolbar (package:flutter/src/material/text_selection.dart:135:12)
// ....

2 个答案:

答案 0 :(得分:1)

您不应将CupertinoApp包装到Localization中。

CupertinoApp包括插入自己的Localization小部件,因此您在CupertinoApp上方添加的内容都会被覆盖。

相反,将您的代表直接传递到localizationsDelegates中的CupertinoApp

CupertinoApp(
  localizationsDelegates: [
    DefaultMaterialLocalizations.delegate,
    DefaultCupertinoLocalizations.delegate,
    DefaultWidgetsLocalizations.delegate,
  ],
),

答案 1 :(得分:0)

只需添加到底部 GlobalCupertinoLocalizations.delegate 哪里是 GlobalMaterialLocalizations.delegate