标签: flutter-widget

我有一个带有 Text 小部件和 ListView 的屏幕，当我尝试在 ListView 内滚动时，它不允许我滚动。

我的身体是 SingleChildScrollView 但它没有为 ListView.builder 提供滚动视图。我试图将 ListView.build 包装在 Expanded 中，但没有成功。

class HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: new AppBar(
          title: Text("MyBar"),
          centerTitle: true,
        ),
        body: SingleChildScrollView(child: Column(
          children: <Widget>[
            Text(
                "Information"),
            Container(
                child: ListView.builder(
                    scrollDirection: Axis.vertical,
                    shrinkWrap: true,
                    itemCount: widget.match.players.length,
                    itemBuilder: (context, index) {
                      return Column(
                        children: <Widget>[
                          Card(
                              child: ListTile(
                            leading: CircleAvatar(
                              radius: 30.0,
                              foregroundColor: 
                                Theme.of(context).primaryColor,
                              backgroundColor: Colors.grey,
                              backgroundImage: 
                          CachedNetworkImageProvider("url"),
                            ),
                            title: new Row(
                                mainAxisAlignment:
                                    MainAxisAlignment.spaceBetween,
                                children: …

1）如果我有这个，当我点击孩子时，Container它不会打印“点击”：

Container(
  color: Colors.red,
  child: GestureDetector(
    onTap: () => print('tap'),
    child: Container(
      width: 100,
      height: 100,
    ),
  ),
),

2）如果我有这个，当我点击孩子时，Container它会打印“点击”：

Container(
  color: Colors.red,
  child: GestureDetector(
    onTap: () => print('tap'),
    child: Container(
      width: 100,
      height: 100,
      decoration: BoxDecoration(),
    ),
  ),
),

3）如果我有这个，当我点击孩子时Container，在文本之外，它会打印“点击”：

Container(
  color: Colors.red,
  child: GestureDetector(
    onTap: () => print('tap'),
    child: Container(
      width: 100,
      height: 100,
      child: Text("A"),
    ),
  ),
),

有人可以向我解释这 3 种行为吗？

我有一个 Row 有 2 个这样的孩子：

 ----------------------
| wide child1 | child2 |
 ----------------------

有什么方法可以使每个单元格的大小相等，以便每个单元格的宽度等于最宽单元格的宽度？像这样：

 --------------------------
| wide child1 |   child2   |
 --------------------------

所以整个 Row 都会占用biggestCellWidth * numOfChildren宽度。

我无法使用内置小部件实现此行为并尝试实现 MultiChildLayoutDelegate但它也不起作用，因为我无法测量孩子。

更新：

 ----------------------
| wide child1 | child2 |
 ----------------------

我正在尝试在颤振中创建一个圆圈。我想添加多个按钮并将它们绑定在这样的圆圈中。
标记的字段应该是按钮，课程 1只是文本。我能够创建这样的东西，但它只是在按钮中拆分的字符串。

这是我的代码。我不知道如何完成这项任务。我是扑的新手。

import 'package:flutter/material.dart';
void main(){runApp(MyApp());}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
  appBar: new AppBar(
    title: Text("Student home"),
  ),
  body:Center(
    child: Container(
      margin: EdgeInsets.all(10),
      padding: EdgeInsets.all(10),
      width: 200,
      height: 200,
      child: Center(
        child: Text("Course 1 \n Course 2",

            style: TextStyle(fontSize: 12.0,
              fontStyle: FontStyle.italic,


        ),

          textAlign: TextAlign.center,

        ),
      ),
      decoration: BoxDecoration(
        border:Border.all(width:3),
        borderRadius: BorderRadius.all(
          Radius.circular(50),
        ),
          color: Colors.yellow,
      ),
    ),
  )
),
);

} }

所以我正在制作一个带有颤振的应用程序。所以在main.dart文件中，我正在制作一个组件，它基本上是一堆包裹在一起的小部件。我必须多次使用这个组件，所以我想在另一个 dart 文件中制作这些可重用的组件，然后在main.dart 中导入它。

这是我的reusable.dart代码

import 'package:flutter/material.dart';

double mainTab = 150;

class TileData extends StatefulWidget {
  @override
  _TileDataState createState() => _TileDataState();
}

class _TileDataState extends State<TileData> {
  @override
  Widget build(BuildContext context) {
    return Container(
      height: 200 - 15.0,
      width: mainTab - 10.0,
      child: Padding(
        padding: const EdgeInsets.fromLTRB(10, 15, 0, 0),
        child: Column(

        ),
      ),
    );
  }
}

ListView(
   children: children: <Widget>[
      TileData(
          children: <Widget>[
               Text('Element 1'),
]),
      TileData(
          children: …