草庐IT

Flutter 设备方向

coder 2023-07-22 原文

我想知道为什么如果在 iOS 设备上运行 Flutter 可以从纵向旋转到横向,但在我的 Android 设备上根本不旋转??

作为代码示例,您可以在下面找到“hello world”示例。同样,对于这个简单的代码示例,Flutter 开箱即用地为 iOS 设备旋转,但它不会为 Android 旋转。为什么??

对于添加 ListView 或其他(即 iOS 可以很好地旋转屏幕,Android 不会)的更复杂的应用程序也是如此。

我找到了一个名为 OrientationBuilder ( link1 ) 或 MediaQuery.orientation ( link2 ) 的东西。 但这似乎只提供了区分设备方向的能力,然后您必须相应地在代码中进行操作。这似乎是一个可能的解决方案,但我想知道为什么我必须为 Android 设备而不是 iOS 设备投入额外的工作?

我正在寻找的是 Android 在 Flutter 下的“自动”轮换可能性(就像 iOS 开箱即用一样)。我怎样才能做到这一点?

这是我的“hello world”示例的两个屏幕截图。 (iOS 开箱即用/Android 不旋转):

这是 Dart 代码:

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);
  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter = _counter + 2;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.display1,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }
}

最佳答案

感谢Jagraj Singh的解答还有user1462442 ,我终于找到了一种旋转 Android Emulator 的方法。

仅旋转 Android 模拟器(例如使用 CMD <- 按键或通过设置菜单)是不够的 - 不!此外,您必须选择 Android-Emulator 手机菜单栏上的小图标(请参见图像上的红色圆圈)...

不知道为什么 AVD 会这样......

关于Flutter 设备方向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53820462/

有关Flutter 设备方向的更多相关文章

  1. 【鸿蒙应用开发系列】- 获取系统设备信息以及版本API兼容调用方式 - 2

    在应用开发中,有时候我们需要获取系统的设备信息,用于数据上报和行为分析。那在鸿蒙系统中,我们应该怎么去获取设备的系统信息呢,比如说获取手机的系统版本号、手机的制造商、手机型号等数据。1、获取方式这里分为两种情况,一种是设备信息的获取,一种是系统信息的获取。1.1、获取设备信息获取设备信息,鸿蒙的SDK包为我们提供了DeviceInfo类,通过该类的一些静态方法,可以获取设备信息,DeviceInfo类的包路径为:ohos.system.DeviceInfo.具体的方法如下:ModifierandTypeMethodDescriptionstatic StringgetAbiList​()Obt

  2. ruby-on-rails - 禁用设备的 :confirmable on-the-fly to batch-generate users - 2

    Devise是一个Ruby库,它为我提供了这个User类:classUser当写入:confirmable时,注册时会发送一封确认邮件。上周我不得不批量创建300个用户,所以我在恢复之前注释掉了:confirmable几分钟。现在我正在为用户批量创建创建一个UI,因此我需要即时添加/删除:confirmable。(我也可以直接修改Devise的源码,但我宁愿不去调和它)问题:如何即时添加/删除:confirmable? 最佳答案 WayneConrad的解决方案:user=User.newuser.skip_confirmation

  3. Flutter 环境变量配置和flutter doctor中的错误解决 - 2

    一、环境变量右键点击我的电脑-属性:然后找到环境变量 1.Android的SDK不在C盘的话需要额外配这个到用户环境变量:ANDROID_HOMED:\AndroidSDK2.然后在系统变量:Path中添加一条这样的值        D:\Flutter\flutter\bin             这个值写flutter包解压的实际地址即可 3.在系统变量中添加两个镜像变量:        变量名:FLUTTER_STORAGE_BASE_URL      变量值:https://storage.flutter-io.cn        变量名:PUB_HOSTED_URL      变量

  4. ruby - 如何查看移动设备是否已注册 - 2

    我正在使用适用于AmazonSNS的AmazonAWSRubySDK,但我在使用已注册的设备时遇到了一些问题。有时,当设备再次注册时,我会收到类似AWS::SNS::Errors::InvalidParameterInvalidparameter:TokenReason:Endpointarn:aws:sns:us-east-1:****alreadyexists这样的错误具有相同的Token,但具有不同的属性。。如何检查端点是否已存在,更重要的是,如何获取给定token的端点? 最佳答案 感谢BvdBijl的想法,我做了一个扩展方

  5. ruby - 如何使用 prawn 更改现有 pdf 的方向? - 2

    我有一个pdf文件。我想将其所有页面向右旋转90度。如何使用Prawngem实现此目的?当我尝试使用现有的pdf作为模板并尝试对其进行旋转时,它不起作用。我徒劳地尝试了以下。require'prawn/core'require'prawn/layout'require'prawn/measurement_extensions'pdf=Prawn::Document.new(:page_size=>[4.in,6.in],:template=>'orig.pdf',:layout=>'potrait')do|p|p.rotate(90)endpdf.render_file("./test

  6. ruby-on-rails - 设备确认后自动登录 - 2

    我正在使用可确认的设计。我有一些自定义的东西,我需要从设计的确认中覆盖!方法,所以在我的用户模型中,我有以下覆盖它的方法:defconfirm!supergb=Gibbon::API.new(ENV['MAILCHIMP_API_KEY'])gb.lists.subscribe({:id=>ENV['MAILCHIMP_ID'],:email=>{:email=>self.email}})end这非常有效。现在我正在尝试让用户在确认后自动登录,但不知道如何登录。我知道这被认为是一个安全漏洞,但我已经权衡了风险,为了我网站的用户体验,这是值得的。我不想对路由文件做任何事情,因为这个方法已

  7. Docker+HomeAssistant+HACS+设备接入教程 - 2

    homeassistant久仰大名,据说可以一统各大物联网平台的设备,家里各平台的设备都有一点,控制起来很不方便,于是乎我也来尝尝~homeassistant官网https://www.home-assistant.io/HACShttps://github.com/hacs/integration准备1.Linux系统(Window)其实也类似2.安装好dockerdocker安装homeassistant官方有几个版本可供选择,安装方式可以:直接刷HA的系统,也可以用Docker安装,还可以直接安装在物理机上,具体区别如下:我采用的是Docker进行安装,也就是Container,从上图也

  8. 华为设备配置Telnet与SSH服务实现运程连接网络设备 - 2

    1.0.0华为设备telnet与ssh的配置一、telnet实验环境与要求server服务器地址:192.168.1.1/24client客户端地址:192.168.1.2/24二、配置telnet服务华为设备,配置telnet服务的流程为:开启telnet服务(华为设备默认开启)创建用于telnet服务的用户配置vty终端实现使用telnet登录Server设备配置1.解决网络连通性system-viewEntersystemview,returnuserviewwithCtrl+Z.[Huawei]sysnameServer[Server]intg0/0/0[Server-GigabitE

  9. 思科与华为设备OSPF配置命令对比 - 2

    思科与华为设备OSPF配置命令对比[Huawei]ospf1//启动OSPF进程,进入OSPF视图Cisco(config)#routerospf110[Huawei]ospf1router-id10.1.1.1//启动OSPF进程,进入OSPF视图,手动输入router-idCisco(config-router)#router-id1.1.1.1[Huawei-ospf-1]area0//创建并进入OSPF区域视图(骨干区域)[Huawei-ospf-1-area-0.0.0.0]network10.0.1.00.0.0.255//配置区域所包含的网段[Huawei-GigabitEthe

  10. Linux驱动之系统移植----uboot移植(有设备树版本),完整移植. - 2

    uboot版本:uboot2020.04开发板:100ask_imx6ull_pro拿到官方uboot后第一步先编译烧写测试,查看哪些驱动可用,哪些不可用.根据开发板厂商提供的资料:使用mx6ull_14x14_evk_defconfig配置进行修改编译完成后将uboot设备树以及uboot.imx烧写到开发板中运行CPU:i.MX6ULLrev1.1792MHz(runningat396MHz)CPU:Industrialtemperaturegrade(-40Cto105C)at40CResetcause:PORModel:i.MX6ULL14x14EVKBoardBoard:MX6ULL

随机推荐