child: TabBar( automaticIndicatorColorAdjustment: false, tabs: [ Tab( text: "出租", ), Tab( text: "出售", ) ], unselectedLabelColor: Color.fromRGBO(102, 102, 102, 1), labelColor: Color.fromRGBO(251, 100, 50, 1), indicator: MaterialIndicator( color: Color.fromRGBO(251, 100, 50, 1), height: 3, topLeftRadius: 8, topRightRadius: 8, bottomLeftRadius: 8, bottomRightRadius: 8, horizontalPadding: 50, tabPosition: TabPosition.bottom, ), ),怎么写才能默认选中

你可以在TabBar组件中设置initialIndex属性来指定默认选中的tab，例如：

TabBar(
  initialIndex: 1,
  automaticIndicatorColorAdjustment: false,
  tabs: [
    Tab( text: "出租", ),
    Tab( text: "出售", )
  ],
  unselectedLabelColor: Color.fromRGBO(102, 102, 102, 1),
  labelColor: Color.fromRGBO(251, 100, 50, 1),
  indicator: MaterialIndicator(
    color: Color.fromRGBO(251, 100, 50, 1),
    height: 3,
    topLeftRadius: 8,
    topRightRadius: 8,
    bottomLeftRadius: 8,
    bottomRightRadius: 8,
    horizontalPadding: 50,
    tabPosition: TabPosition.bottom,
  ),
)

在这个例子中，initialIndex被设置为1，代表默认选中的是第二个tab，即"出售"。如果要默认选中第一个tab，可以将initialIndex属性设置为0。

相关问题

flutter tabbar 居中

要将Flutter中的TabBar居中，可以通过使用DefaultTabController结合TabBar和TabBarView来实现。

首先，在Scaffold的appBar属性中创建一个TabBar，并设置为居中显示。代码如下：

appBar: AppBar(
  title: Text("TabBar示例"),
  bottom: PreferredSize(
    preferredSize: Size.fromHeight(40.0),
    child: TabBar(
      indicatorColor: Colors.white,
      labelColor: Colors.white,
      unselectedLabelColor: Colors.grey,
      tabs: [
        Tab(
          text: "Tab 1",
        ),
        Tab(
          text: "Tab 2",
        ),
        Tab(
          text: "Tab 3",
        ),
      ],
    ),
  ),
),

接着，在Scaffold的body属性中创建一个TabBarView，用于显示对应的内容页面。代码如下：

body: TabBarView(
  children: [
    Center(
      child: Text("内容1"),
    ),
    Center(
      child: Text("内容2"),
    ),
    Center(
      child: Text("内容3"),
    ),
  ],
),

然后，在StatefulWidget中使用DefaultTabController包裹Scaffold并设置length属性，来指定TabBar中Tab的数量。代码如下：

@override
Widget build(BuildContext context) {
  return DefaultTabController(
    length: 3,
    child: Scaffold(
      appBar: AppBar(
        title: Text("TabBar示例"),
        bottom: PreferredSize(
          preferredSize: Size.fromHeight(40.0),
          child: TabBar(
            indicatorColor: Colors.white,
            labelColor: Colors.white,
            unselectedLabelColor: Colors.grey,
            tabs: [
              Tab(
                text: "Tab 1",
              ),
              Tab(
                text: "Tab 2",
              ),
              Tab(
                text: "Tab 3",
              ),
            ],
          ),
        ),
      ),
      body: TabBarView(
        children: [
          Center(
            child: Text("内容1"),
          ),
          Center(
            child: Text("内容2"),
          ),
          Center(
            child: Text("内容3"),
          ),
        ],
      ),
    ),
  );
}

通过以上方法，就可以实现在Flutter中将TabBar居中显示的效果。

flutter tab 固定

要固定Flutter Tab，请使用TabBarView和DefaultTabController Widget。在这种情况下，您需要使用DefaultTabController Widget来控制选项卡的数量和当前选定的选项卡。然后，您可以使用TabBarView Widget来显示与选定选项卡相关联的内容。

以下是一个示例代码：

class MyTabbedPage extends StatefulWidget {
  @override
  _MyTabbedPageState createState() => _MyTabbedPageState();
}

class _MyTabbedPageState extends State<MyTabbedPage> {
  final List<Tab> tabs = <Tab>[
    Tab(text: 'Tab 1'),
    Tab(text: 'Tab 2'),
    Tab(text: 'Tab 3'),
  ];

  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
      length: tabs.length,
      child: Scaffold(
        appBar: AppBar(
          title: Text('My Tabbed Page'),
          bottom: TabBar(
            tabs: tabs,
            isScrollable: true,
          ),
        ),
        body: TabBarView(
          children: <Widget>[
            // Content for Tab 1
            Container(
              child: Text('Content for Tab 1'),
            ),
            // Content for Tab 2
            Container(
              child: Text('Content for Tab 2'),
            ),
            // Content for Tab 3
            Container(
              child: Text('Content for Tab 3'),
            ),
          ],
        ),
      ),
    );
  }
}

在这个例子中，我们创建了一个MyTabbedPage StatefulWidget，它包含了一个DefaultTabController Widget和一个Scaffold Widget。我们还定义了一个Tab列表，它包含了三个Tab部件。

在build()方法中，我们将DefaultTabController Widget包装在Scaffold Widget中，并将TabBar Widget添加到AppBar中。我们还设置了TabBar的isScrollable属性为true，以便用户可以滚动选项卡，如果选项卡太多，不会导致显示问题。

最后，我们使用TabBarView Widget显示与选定选项卡相关联的内容。每个选项卡的内容都在一个Container Widget中，这里只是简单地显示一个文本部件。

这就是如何固定Flutter Tab的示例代码。您可以根据自己的需要修改代码。