Flutter MaterialApp TextField透视变换无法正确呈现

时间:2018-09-30 13:30:40

标签: dart flutter flutter-animation

我有一个简单的MaterialAppScaffold包装在Transfrom小部件中,以使应用在x和y轴上略微旋转。只要我在TextField正文中没有Scaffold,它就可以正常工作。

import 'package:flutter/material.dart';

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

class TestApp extends StatefulWidget {
  @override
  TestAppState createState() => TestAppState();
}

class TestAppState extends State<TestApp> {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(home: LandingScreen());
  }
}

class LandingScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Transform(
      transform: Matrix4.identity()
        ..setEntry(3, 2, 0.001) // perspective
        ..rotateX(.4)
        ..rotateY(.4),
      alignment: FractionalOffset.center,
      child: Scaffold(
        appBar: AppBar(title: Text("Title")),
        body: Center(
          child: Text("test data"), // <-- replace Text with TextField here
        ),
      ),
    );
  }
}

这呈现如下enter image description here

如果我将Text正文中的Scaffold替换为TextField,则它将呈现如下。

enter image description here

我希望在屏幕顶部看到AppBar,在屏幕中心看到TextField

我不知道自己在做什么错。请帮忙。

0 个答案:

没有答案