小编Nay*_*sha的帖子

如何使Flutter应用作出响应?

我一直在尝试制作一个流畅的应用程序(仍在学习中),并且能够创建一个登录屏幕。但是,我注意到该应用程序没有响应。当我在模拟器上对其进行测试时,它可以正常工作,但是当我将其安装在具有较小显示屏的手机上时,我注意到小部件并不小,因此手机无法一次显示整个屏幕。有人可以帮助我制作此响应式应用程序,使其适合任何尺寸的屏幕吗?

我的完整代码如下;

import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  final TextEditingController _usernameController = new TextEditingController();
  final TextEditingController _passwordController = new TextEditingController();

  @override
  Widget build(BuildContext context) {
    void printSomething(){
      print("Something was printed");
    }

    Widget buttonSection = new Container(
      padding: new EdgeInsets.all(32.0),
      child: new Row(
        children: [
          new Expanded(
            child: new Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                new MaterialButton(
                  child: new Text(
                    "Sign In", 
                    style: new TextStyle(
                      color: Colors.white,
                      fontSize: 20.0
                      ),
                    ),
                  onPressed: (){printSomething();},
                  height: 50.0,
                  minWidth: …
Run Code Online (Sandbox Code Playgroud)

mobile android dart flutter

1
推荐指数
2
解决办法
1556
查看次数

标签 统计

android ×1

dart ×1

flutter ×1

mobile ×1