Flutter ToggleButton类- Flutter 1.9.1
Flutter ToggleButton类- Flutter 1.9.1
提问于 2019-09-12 23:59:15
我目前正在学习Flutter，并取得了很好的进步，所以如果这是一个菜鸟问题，请耐心等待。
Flutter最近更新到了1.9.1，随之而来的是新的小部件ToggleButton类；
这正是我想要的，所以我在代码中实现了这个小部件，如下所示
var isSelected1 = [false, true];
var isSelected2 = [false, true];
ToggleButtons(
borderColor: Colors.black,
fillColor: Colors.grey,
borderWidth: 2,
selectedBorderColor: Colors.black,
selectedColor: Colors.white,
borderRadius: BorderRadius.circular(0),
children: [
Padding(
padding: const EdgeInsets.all(8.0),
child: Text(
'Open 24 Hours',
style: TextStyle(fontSize: 16),
),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: Text(
'Custom Hours',
style: TextStyle(fontSize: 16),
),
),
],
onPressed: (int index) {
setState(() {
for (int buttonIndex = 0;
buttonIndex < isSelected2.length;
buttonIndex++) {
if (buttonIndex == index) {
isSelected2[buttonIndex] = true;
} else {
isSelected2[buttonIndex] = false;
}
}
});
},
isSelected: isSelected2,
),`我想要做的是当一个按钮被选中时显示一个小部件。
我已经尝试了许多方法来使用if和else语句，但到目前为止我还不能理解它。
例如
if (buttonIndex == index[0]) {
// code here}
else {
//code here}我哪里错了？
谢谢!
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-09-13 00:51:35
import 'package:flutter/material.dart';
class SamplePage extends StatefulWidget {
@override
_SamplePageState createState() => _SamplePageState();
}
class _SamplePageState extends State<SamplePage> {
List<bool> isSelected;
@override
void initState() {
isSelected = [true, false];
super.initState();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('ToggleButtons'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
ToggleButtons(
borderColor: Colors.black,
fillColor: Colors.grey,
borderWidth: 2,
selectedBorderColor: Colors.black,
selectedColor: Colors.white,
borderRadius: BorderRadius.circular(0),
children: <Widget>[
Padding(
padding: const EdgeInsets.all(8.0),
child: Text(
'Open 24 Hours',
style: TextStyle(fontSize: 16),
),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: Text(
'Custom Hours',
style: TextStyle(fontSize: 16),
),
),
],
onPressed: (int index) {
setState(() {
for (int i = 0; i < isSelected.length; i++) {
isSelected[i] = i == index
}
});
},
isSelected: isSelected,
),
],
),
),
);
}
}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57910554
复制相关文章
相似问题
腾讯云开发者
