标签: flutter-layout

在这里我提到了我的复选框代码。我是 flutter 的新手，所以我必须实现它以实现记住我的功能。

代码：

 Container(
 padding: EdgeInsets.all(10.0),
  child: Column(
    children: <Widget>[
     new Checkbox(value: checkBoxValue,
          activeColor: Colors.green,
          onChanged:(bool newValue){
        setState(() {
          checkBoxValue = newValue;
        });
       Text('Remember me');
          }),
    ],
  ),
);

有使用经验CustomSingleChildLayout和CustomMultiChildLayout类的人能不能详细解释一下（用例子）如何使用它们。

我是 Flutter 的新手，正在尝试了解如何使用这些。但是，文档很糟糕，而且不清楚。我试图在互联网上搜索示例，但没有任何其他文档。

如果您能提供帮助，我将永远感激不尽。

谢谢！

我是新来的人.只需将我的网格视图居中:

以下是我试过的代码:

  @override
  Widget build(BuildContext context) {
    return new Material(
      color: Colors.deepPurpleAccent,
      child: new Column(
       mainAxisAlignment: MainAxisAlignment.center,
          children:<Widget>[new GridView.count(crossAxisCount: _column,children: new List.generate(_row*_column, (index) {
            return new Center(
                child: new CellWidget()
            );
          }),)]
      )
    );
  }

例外情况如下:

    I/flutter ( 9925): ??? EXCEPTION CAUGHT BY RENDERING LIBRARY ??????????????????????????????????????????????????????????
I/flutter ( 9925): The following assertion was thrown during performResize():
I/flutter ( 9925): Vertical viewport was given unbounded height.
I/flutter ( 9925): Viewports expand in the scrolling direction to fill their container.In this case, …

我无法修复这个错误

RenderBox 未布局：RenderPointerListener#2b92a relayoutBoundary=up9 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE 'package:flutter/src/rendering/box.dart'：断言失败：第 1940 行 pos 12：'hasSize'。相关的导致错误的小部件是 ->ListView

这是我的所有产品部分。

import 'package:flutter/material.dart';
import 'package:hospital/Drawer/drawercontent.dart';
import 'package:hospital/Product/AllProducts/ProductList/product_list.dart';
import 'package:hospital/Product/AllProducts/carousel.dart';
import 'package:hospital/Product/AllProducts/category.dart';

class AllProducts extends StatefulWidget {
  @override
  _AllProductsState createState() => _AllProductsState();
}

class _AllProductsState extends State<AllProducts> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          backgroundColor: Colors.green,

          title: Text(
            "Product",
            style: TextStyle(fontStyle: FontStyle.italic),
          ),
          actions: [

            IconButton(
              icon: Icon(Icons.person),
              onPressed: () => print("open cart"),
            ),
          ],

        ),
        drawer: Drawer(
          child: DrawerContent(),
        ),
        body: ListView(

          children: [
            Carousel(), …

在我的应用中，我正在创建注册页面，我需要在其中添加DOB。我想在其中添加日期选择器，但我没有正确的方法来执行此操作。

我是 Flutter 的新手，我上周开始使用 Flutter，现在我想做一个简单的 Xylophone 应用程序。我成功创建了 UI 并创建了一个函数，playSound(int soundNumber)但是当我调用这个函数来播放声音时，它给了我这个错误。

**The following _TypeError was thrown building Body(dirty, state: _BodyState#051c2):
type '_MaterialStatePropertyAll<dynamic>' is not a subtype of type 'MaterialStateProperty<Color?>?'**

这是我为playSound(int soundNumber)函数编写的代码。

void playSound(int soundNumber) {
final player = AudioCache();
player.play('note$soundNumber.wav');}

Expanded buildPlayButton({MaterialStateProperty color, int soundNumber}){
return Expanded(
  child: ElevatedButton(
    onPressed: () {
      playSound(soundNumber);
    },
    style: ButtonStyle(
      backgroundColor: color,
    ),
  ),
);}

这是我调用这个函数的地方。

Widget build(BuildContext context) {
return Column(
  crossAxisAlignment: CrossAxisAlignment.stretch,
  children: <Widget>[
    buildPlayButton(color: MaterialStateProperty.all(Colors.red), soundNumber: 1),
    buildPlayButton(color: MaterialStateProperty.all(Colors.orangeAccent), …

我是第一次开发Flutter应用程序..我在添加图像时遇到了问题.我有以下问题:

1. 在哪里创建图像文件夹？
2. 在pubspec.ymal中添加资产标签的位置？
3. 这需要资产文件夹吗？

我尝试了什么:

 assets:
    - images/lake.jpg

在pubspec.ymal里面:

完整档案:

name: my_flutter_app
description: A new Flutter application.

dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^0.1.2

dev_dependencies:
  flutter_test:
    sdk: flutter

flutter:
  uses-material-design: true,
  assets:
    - images/lake.jpg

错误日志:

#/properties/flutter/properties/uses-material-design: type: wanted [boolean] got true,
Error detected in pubspec.yaml:
Error building assets

FAILURE: Build failed with an exception.

* Where:
Script '/home/abc/Downloads/flutter/packages/flutter_tools/gradle/flutter.gradle' line: 435

* What went wrong:
Execution failed for task ':app:flutterBuildDebug'.
> Process 'command '/home/abc/Downloads/flutter/bin/flutter'' finished with non-zero exit value 1

* Try: …

为什么我的 Flutter 应用程序在启动时会显示几秒钟的白屏？我该如何解决这个问题？

我在Flutter的布局方面仍然遇到一些麻烦.
现在我希望在象限布局中在3个小部件之间共享可用空间.宽度均匀分享(这可以通过Expanded一行中的两个小部件正常工作),但现在我也希望高度自动调整widget3.height == widget1.height + widget2.height. 如果内容widget3较大,我想要widget1并widget2调整它们的高度,反之亦然.

这在Flutter中甚至可能吗？

我想翻转这个重播素材图标，以便它可以用作转发。

礼物图标：

要求的结果：