Как уменьшить ширину виджета переключателя внутри ящика во Flutter - PullRequest
Новая
       126

Как уменьшить ширину виджета переключателя внутри ящика во Flutter

0 голосов
/ 21 июня 2020

когда я создаю виджет переключателя внутри ящика, он занимает всю возможную ширину, чтобы заполнить ширину ящика, я попытался обернуть его контейнером и sizeBox, чтобы уменьшить его ширину, но это не сработало. вот изображение, которое показывает результат моего кода

изображение приложения здесь 

class MainPage extends StatefulWidget {
  @override
  _MainPageState createState() => _MainPageState();
}

bool value = false;
bool newValue = true;

class _MainPageState extends State<MainPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Test App'),
        centerTitle: true,
      ),
      drawer: Drawer(
        child: ListView(
          children: <Widget>[
            DrawerHeader(
              child: Text('Drawer Header'),
            ),
            ListTile(
              title: Text('Tile 1'),
            ),
            SizedBox(
              width: 50,
              child: Switch(
                value: value,
                onChanged: (bool newValue) {
                  setState(() {
                    value = newValue;
                  });
                },
              ),
            )
          ],
        ),
      ),
    );
  }
}

1 Ответ

0 голосов
/ 21 июня 2020

Вот довольно простой способ решения. 

Row(
   children: <Widget>[
      Switch(
           value: false,
           onChanged: null,
         ),
      Expanded(child: Container(),)
   ],
),
...