标签: tabbar

如何删除制表符按钮和边框容器之间的空格.

代码是

<s:TabBar dataProvider="{vsApplication}" >

 <s:layout>
  <!--<s:ButtonBarHorizontalLayout gap="7" />-->
  <s:HorizontalLayout gap="7" paddingBottom="0"/>
 </s:layout>

 </s:TabBar>

 <mx:ViewStack id="vsApplication" width="100%">

  <s:NavigatorContent id="ncConfiguration" label="Configuration" width="100%">
   <s:BorderContainer width="100%">

   </s:BorderContainer>
  </s:NavigatorContent>

  <s:NavigatorContent id="ncProject" label="Project" width="100%">
   <s:BorderContainer width="100%">
   <mx:DataGrid id="dgProject" dataProvider="{projectData}" doubleClickEnabled="true" itemDoubleClick="dgProject_itemDoubleClickHandler(event)">
    <mx:columns>
     <mx:DataGridColumn headerText="Project ID" dataField="ProjectID"/>
     <mx:DataGridColumn headerText="Project Name" dataField="ProjectName"/>
     <mx:DataGridColumn headerText="Planned Start Date" dataField="PlannedStartDate"/>
     <mx:DataGridColumn headerText="Planned End Date" dataField="PlannedEndDate"/>
     <mx:DataGridColumn headerText="Actual Start Date" dataField="ActualStartDate"/>
     <mx:DataGridColumn headerText="Actual End Date" dataField="ActualEndDate"/>
    </mx:columns>
   </mx:DataGrid>
   </s:BorderContainer>
  </s:NavigatorContent>

  <s:NavigatorContent id="ncTimesheet" label="Timesheet" width="100%">
   <s:BorderContainer width="100%">

   </s:BorderContainer>
  </s:NavigatorContent >

  <s:NavigatorContent id="ncDashboard" …

我有一个标签栏应用程序，我想隐藏其中一个视图的标签栏以与工具栏交换它。我正在使用 Storyboard 并将底部栏设置为 None 并在工具栏中拖动，这看起来就像我希望它在故事板上一样。但是当我运行它时，标签栏不会消失。

如何更改tabbar的位置？我希望有很多应用程序,需要在顶部有一个tabbar 而不是在底部...

我期待这样的事情:

<Router createReducer={reducerCreate}>
    <Scene key="somekey" tabs={true} 
        tabBarStyle={{position:'top'}}>         <==  How do I do this?

             # My tabs here as scenes

    </Scene>
</Router>

目前，我使用视图控制器来推送另一个视图控制器，但我不允许用户返回到上一个视图控制器。我已经隐藏了栏后退按钮，但在 swift 4 中，当标签栏点击两次时，用户能够自动转到导航栏中的 rootviewcontroller。关于 swift 4.2 有什么建议可以解决这个问题吗？

顶部选项卡仅显示主页，它们通过滚动或点击显示 3 个不同的页面，以及整个应用程序（如菜单）的底部选项卡。

当我编写代码时，我得到如下图所示的视图，但我无法点击或重定向页面。

导航代码我只给出了顶部或底部选项卡，而不是两个选项卡。

主页.dart

  class _HomePageState extends State<HomePage> with SingleTickerProviderStateMixin {

  TabController tabController;
  //TabController bottomController;
  Icon searchBtn = new Icon(Icons.search);
  Widget appBarTitle = new Text('Invoices');

  @override
  void initState(){
    super.initState();
    tabController = new TabController(vsync: this, length: 3);
    //bottomController = new TabController(vsync: this, length: 4);
  }

  @override
  void dispose(){
    tabController.dispose();
    //bottomController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      color: Colors.purpleAccent,
      debugShowCheckedModeBanner: false,
      home: DefaultTabController(
        length: 3,
      child:Scaffold(
        appBar: new AppBar(
          centerTitle: false,
          title: appBarTitle,
          backgroundColor: Color(0xFF832685),
          actions: …

我正在尝试重现一个“Instagram”，例如tabBar中间有一个“实用程序”按钮，不一定属于tabBar生态系统。

我附上了这个 gif 来显示我所追求的行为。来描述问题。中间的标签栏（黑色加号）是单击一个 ActionSheet，而不是切换视图。

我将如何在 UIKit 中做到这一点只是使用

override func tabBar(tabBar: UITabBar, didSelectItem item: UITabBarItem) {
    print("Selected item")
}

功能来自UITabBarDelegate. 但显然我们不能在 SwiftUI 中做到这一点，所以想看看人们是否尝试过任何想法。我最后的想法是简单地将它包装在 UIView 中并将它与 SwiftUI 一起使用，但我想避免这种情况并保持原生。

我在自定义 TabBar 中看到过一篇文章，但我想使用 Apple 提供的 TabBar 以避免将来出现任何差异。

谢谢！

编辑：使问题更清楚。

我在我的代码中实现了标签栏。我在第一个选项卡中看到了所有按钮，我想从该按钮以编程方式切换到第二个选项卡。当我使用 navigationView 时，它会创建另一个标签栏并移动到该屏幕，这会更改 swiftui 中的导航索引。

struct AppTabNavigation: View {
    @State var selection: Tab = .dashboard

    var body: some View {
        TabView(selection: $selection) {
            NavigationView {
                FirstTabView()
            }.navigationBarHidden(true)
            .navigationBarBackButtonHidden(true)
            .navigationViewStyle(StackNavigationViewStyle())
            
            .tabItem {
                Label("Home", systemImage: "house.fill")
                    .accessibility(label: Text("Home"))
            }
            .tag(Tab.home)
            NavigationView {
                SecondView()
            }.navigationBarHidden(true)
            .navigationBarBackButtonHidden(true)
            .navigationViewStyle(StackNavigationViewStyle())
            
            .tabItem {
                Label("Home", systemImage: "house.fill")
                    .accessibility(label: Text("Home"))
            }
            .tag(second) 
        }
     }
   }

导航代码：

NavigationLink(destination: AppTabNavigation(selection: Tab.home), isActive: self.$isActiveTabbar){
    Text("")
} .isDetailLink(false)

我正在开发一个需要选项卡的 Flutter 项目，但其中一个选项卡名称很大，名称显示不完整，如图所示，我该如何解决这个问题，我想要文本TabBar，multiline我是新手颤振，因此任何帮助将不胜感激。

当前选项卡情况

这是代码

TabBar(
  tabs: [
    Tab(
      text: "Clock",
      icon: Icon(Icons.access_time),
    ),
    Tab(
      text: "Alarm",
      icon: Icon(Icons.access_alarm),
    ),
    Tab(
      text: "Stopwatch",
      icon: Icon(Icons.av_timer),
    ),
    Tab(
      text: "Countdown Timer",
      icon: Icon(Icons.timer_rounded),
    )
  ],
),

我正在尝试制作一个在其iOS端有一个TabBar的React Native应用程序.我不希望任何标题按钮(如"蓝色标签"和"历史记录"),我想垂直居中右边的人物图标.

目前我正在使用示例中提供的代码

我尝试更改选项卡栏按钮顺序。

现在标签栏的顺序是

1. 通知
2. 信息
3. 朋友
4. 我的最爱。
5. 家

我想要标签栏的顺序

1. 家
2. 信息
3. 朋友
4. 我的最爱。
5. 通知

将主页移至第一个按钮

我正在使用 TabBar 小部件，我想自定义 TabBar 视图，如下图所示。我尝试了很多次总线，两个选项卡之间有一些空格。

这是我用来自定义选项卡视图的代码。

TabBar(
            controller: _tabController,
            labelColor: Colors.black12,
            unselectedLabelColor: Colors.black12,
            indicatorSize: TabBarIndicatorSize.label,
            tabs: [
              Tab(
                child: Container(
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.horizontal(
                        left: Radius.circular(50), right: Radius.zero),
                    border: _tabController.index == 1
                        ? Border.all(color: Colors.black12, width: 2)
                        : Border.all(color: Colors.transparent, width: 2),

                    color: _tabController.index == 0
                        ? Colors.indigo
                        : Colors.white,
                  ),
                  child: Align(
                    alignment: Alignment.center,
                    child: Text("Income"),
                  ),
                ),
              ),
              Tab(
                child: Container(
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.horizontal(
                        left: Radius.zero, right: Radius.circular(50)),
                    border: _tabController.index == 1
                        ? Border.all(color: Colors.transparent, width: 2) …

由于我不熟悉颤振，因此在 Android 中，

app:tabIndicatorFullWidth="false"

我在标签栏中使用此属性来包装与标签文本相关的指标大小。我可以知道如何在颤振中实现吗？