tabs - Flutter 中的片段

Question

我正在开发 Flutter 应用程序并尝试向我的应用程序添加一个分割。是否可以在 Flutter 中实现它。所以我想要 2 个按钮的 2 个不同的小部件。类似于Flutter中的TabBar或者原生应用中的Segment

Answer 1

CupertinoSegmentedControl 是你的 friend

示例(在 StatefulWidget 中):

  int segmentedControlValue = 0;

  Widget _segmentedControl() => Container(
    width: 500,
    child: CupertinoSegmentedControl<int>(
      selectedColor: Colors.blue,
      borderColor: Colors.white,
      children: {
        0: Text('All'),
        1: Text('Recommendations'),
      },
      onValueChanged: (int val) {
        setState(() {
          segmentedControlValue = val;
        });
      },
      groupValue: segmentedControlValue,
    ),
  );