Изменить размер Flutter FloatingActionButton

Я не могу понять, как уменьшить FAB внутри первого контейнера в списке. Кажется, он хочет занять весь контейнер, что бы я ни пытался. Я даже пробовал контейнер внутри контейнера. Вся оранжевая область кликабельна. Пробовал SizedBox, результат тот же. Вот код.

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final title = 'Horizontal List';

    return MaterialApp(
      title: title,
      home: Scaffold(
        appBar: AppBar(
          title: Text(title),
        ),
        body: Container(
          margin: EdgeInsets.symmetric(vertical: 20.0),
          padding: EdgeInsets.all(30),
          height: 200.0,
          child: ListView(
            scrollDirection: Axis.horizontal,
            children: <Widget>[
              Container(
                width: 160,
                color: Colors.yellowAccent,
                child: SizedBox(
                  height: 50,
                  width: 50,
                  child: FittedBox(
                    child: FloatingActionButton(
                      backgroundColor: Colors.deepOrange,
                      foregroundColor: Colors.indigo,
                      child: Icon(Icons.add, size: 20),
                      onPressed: () {},
                    ),
                  ),
                ),
              ),
              Container(
                width: 160.0,
                color: Colors.red,
              ),
              Container(
                width: 160.0,
                color: Colors.blue,
              ),
              Container(
                width: 160.0,
                color: Colors.green,
              ),
              Container(
                width: 160.0,
                color: Colors.yellow,
              ),
              Container(
                width: 160.0,
                color: Colors.orange,
              ),
            ],
          ),
        ),
      ),
    );
  }
}

Изменить размер Flutter FloatingActionButton

0
0
2 710
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

У меня есть 2 образца. И пожалуйста, обратитесь к Основные виджеты для более подробной информации.

  1. Использовать маржу Контейнера. Пожалуйста, обратитесь к коду, как показано ниже:
    child: SizedBox(
      height: 50,
      width: 50,
      child: Container(
        margin: EdgeInsets.only(left:80.0, top:80.0, bottom: 10.0) ,
        child:  FloatingActionButton(
          backgroundColor: Colors.deepOrange,
          foregroundColor: Colors.indigo,
          child: Icon(Icons.add),
          onPressed: () {},
        ),
      ),
    ),
  1. Используйте строку или столбец. Пожалуйста, обратитесь к коду, как показано ниже:
    child: SizedBox(
      height: 50,
      width: 50,
      child: Row(
        mainAxisAlignment: MainAxisAlignment.end,
        children: <Widget>[ FloatingActionButton(
          backgroundColor: Colors.deepOrange,
          foregroundColor: Colors.indigo,
          child: Icon(Icons.add),
          onPressed: () {},
        ),
      ]),
    ),

у меня сработал второй, хотя для простого изменения размера требуется слишком много виджетов.

user603749 23.05.2019 22:18

Другие вопросы по теме