TextField требует свойства направленности

Question

Я добавил функцию направленности для текстового поля, но она показывает ошибку.

Я попытался создать TextField для простой страницы аутентификации для практики. Мне не удалось понять, в чем проблема, ошибка продолжает происходить, даже если она возвращает материал, а также я добавил свойство направленности.

Код ниже - это файл main.dart:

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String email;
  String password;

  @override
  Widget build(BuildContext context) {
    return Material(
          child: Center(
        child: Column(
          mainAxisAlignment : MainAxisAlignment.center,
          children: <Widget>[

              TextField(
              textDirection: TextDirection.rtl,
              onChanged:(value){
                  email = value;
              },  
              ),        
        ]),
      ),
    );
  }
}

‌‌ Ошибка, отображаемая в терминале:

I/flutter (10175): The following assertion was thrown building TextField(textDirection: rtl, dirty, state:
I/flutter (10175): _TextFieldState#74c8d):
I/flutter (10175): No Directionality widget found.
I/flutter (10175): TextField widgets require a Directionality widget ancestor. 
I/flutter (10175): The specific widget that could not find a Directionality ancestor was:
I/flutter (10175):   TextField
I/flutter (10175): The ownership chain for the affected widget is: "TextField ← Column ← Center ← DefaultTextStyle ←
I/flutter (10175):   AnimatedDefaultTextStyle ← _InkFeatures-[GlobalKey#b1d6d ink renderer] ←
I/flutter (10175):   NotificationListener<LayoutChangedNotification> ← PhysicalModel ← AnimatedPhysicalModel ← Material
I/flutter (10175):   ← ⋯"
I/flutter (10175): Typically, the Directionality widget is introduced by the MaterialApp or WidgetsApp widget at the
I/flutter (10175): top of your application widget tree. It determines the ambient reading direction and is used, for
I/flutter (10175): example, to determine how to lay out text, how to interpret 
"start" and "end" values, and to resolve
I/flutter (10175): EdgeInsetsDirectional, AlignmentDirectional, and other *Directional objects.
I/flutter (10175): 
I/flutter (10175): The relevant error-causing widget was:
I/flutter (10175):   TextField file:///D:/Flutter_Projects/signup/lib/main.dart:26:15
I/flutter (10175):
I/flutter (10175): When the exception was thrown, this was the stack:
I/flutter (10175): #0      debugCheckHasDirectionality.<anonymous closure> (package:flutter/src/widgets/debug.dart:247:7)
I/flutter (10175): #1      debugCheckHasDirectionality (package:flutter/src/widgets/debug.dart:263:4)
I/flutter (10175): #2      _TextFieldState.build (package:flutter/src/material/text_field.dart:985:12)
I/flutter (10175): #3      StatefulElement.build (package:flutter/src/widgets/framework.dart:4628:28)
I/flutter (10175): #4      ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:4511:15)
I/flutter (10175): #5      StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:4684:11)
I/flutter (10175): #6      Element.rebuild (package:flutter/src/widgets/framework.dart:4227:5)
I/flutter (10175): #7      ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:4490:5)
I/flutter (10175): #8      StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4675:11)
I/flutter (10175): #9      ComponentElement.mount (package:flutter/src/widgets/framework.dart:4485:5)    
I/flutter (10175): #10     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3455:14)
I/flutter (10175): #11     MultiChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5956:32)
I/flutter (10175): ...     Normal element mounting (54 frames)
I/flutter (10175): #65     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3455:14)
I/flutter (10175): #66     Element.updateChild (package:flutter/src/widgets/framework.dart:3223:18)
I/flutter (10175): #67     RenderObjectToWidgetElement._rebuild (package:flutter/src/widgets/binding.dart:1132:16)
I/flutter (10175): #68     RenderObjectToWidgetElement.mount (package:flutter/src/widgets/binding.dart:1103:5)
I/flutter (10175): #69     RenderObjectToWidgetAdapter.attachToRenderTree.<anonymous closure> (package:flutter/src/widgets/binding.dart:1045:17)
I/flutter (10175): #70     BuildOwner.buildScope (package:flutter/src/widgets/framework.dart:2612:19)
I/flutter (10175): #71     RenderObjectToWidgetAdapter.attachToRenderTree (package:flutter/src/widgets/binding.dart:1044:13)
I/flutter (10175): #72     WidgetsBinding.attachRootWidget (package:flutter/src/widgets/binding.dart:925:7)
I/flutter (10175): #73     WidgetsBinding.scheduleAttachRootWidget.<anonymous closure> (package:flutter/src/widgets/binding.dart:906:7)
I/flutter (10175): (elided 11 frames from class _RawReceivePortImpl, class _Timer, dart:async, and dart:async-patch)
I/flutter (10175):
I/flutter (10175): ════════════════════════════════════════════════════════════════════════════════════════════════════
I/flutter (10175): Another exception was thrown: A RenderFlex overflowed by 99317 pixels on the bottom.

Answer 1

замените свой Материал на виджет Scafold, ваш метод сборки должен быть таким:

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[
          TextField(
            textDirection: TextDirection.rtl,
            onChanged: (value) {
               email = value;
            },
          ),
        ]),
      ),
    );
  }

Answer 2

Использование MaterialApp вместо Material может решить проблему.