0

我有一个简单的MaterialAppwihScaffold包裹在Transfrom小部件中,以渲染应用程序在 x 和 y 轴上略微旋转。只要我没有TextFieldScaffold体内,它就可以正常工作。

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

这呈现如下在此处输入图像描述

如果我用 then 替换Text内部Scaffold正文,TextField则呈现如下。

在此处输入图像描述

我期待在屏幕AppBar的顶部看到和TextField呈现在屏幕的中心。

我无法弄清楚我做错了什么。请帮忙。

4

0 回答 0