मैं इसमें फ्लोटिंगएक्शनबॉटम रखने के लिए टैबबार के अंदर एक पायदान बनाना चाहता हूं लेकिन मुझे नहीं पता कि यह कैसे करना है।

मुझे दस्तावेज़ों में या इंटरनेट पर कुछ भी नहीं मिला।

FloatingActionButton on BottomNavigationBar

4
TheUniqueProgrammer 16 अगस्त 2018, 18:54

2 जवाब

आप इस तरह के यूजर इंटरफेस के लिए बॉटम ऐप बार का इस्तेमाल कर सकते हैं।

यह आपको वही मिलेगा जो मैं कर रहा हूँ

Widget build(BuildContext context) {
  return new Scaffold(
    appBar: AppBar(title: const Text('Bottom App Bar')),
    floatingActionButtonLocation: 
      FloatingActionButtonLocation.centerDocked,
    floatingActionButton: FloatingActionButton(
      child: const Icon(Icons.add), onPressed: () {},),
    bottomNavigationBar: BottomAppBar(
      hasNotch: true,
      child: new Row(
        mainAxisSize: MainAxisSize.max,
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: <Widget>[
          IconButton(icon: Icon(Icons.menu), onPressed: () {},),
          IconButton(icon: Icon(Icons.search), onPressed: () {},),
        ],
      ),
    ),
  );
}

धन्यवाद!

3
amin saffar 16 अगस्त 2018, 20:57

कोड के इस संशोधित संस्करण को लागू करने का प्रयास करें। FAB तीन टैब में बना रहना चाहिए

class BarTab extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
  home: DefaultTabController(
    length: 3,
    child: Scaffold(
      appBar: AppBar(
        bottom: TabBar(
          tabs: [
            Tab(icon: Icon(Icons.directions_car)),
            Tab(icon: Icon(Icons.directions_transit)),
            Tab(icon: Icon(Icons.directions_bike)),
          ],
        ),
        title: Text('Tabs Demo'),
      ),
      body: TabBarView(
        children: [
          Icon(Icons.audio),
          Icon(Icons.play),
          Icon(Icons.maps),
        ],
      ),

 floatingActionButton: FloatingActionButton(
 onpressed:(){},
 child: Icon(Icons.add),
),
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
bottomNavigationBar:BottomAppBar(
 color:Colors.blue,
 hasNotch: true,
 child:Container(
height:50.0
child:Row(
  children: <Widget>[
    IconButton(
      icon: Icon(Icons.menu),
      onPressed: (){})
  ]
)
)

    ),
  ),
);
}
2
Taio 17 अगस्त 2018, 11:20
मैं समझ गया, आप इधर-उधर कुछ चाहते हैं लेकिन आपको कुछ प्रयास दिखाना होगा। आप केवल स्क्रीनशॉट पोस्ट नहीं कर सकते हैं और लोगों को आपके लिए कोड लिखने के लिए नहीं कह सकते हैं
 – 
Taio
16 अगस्त 2018, 21:03
मुझे सिर्फ एक संकेत चाहिए, मेरे लिए कोड लिखने वाला कोई नहीं। अगर मैंने खुद को गलत तरीके से व्यक्त किया हो तो मैं माफी मांगता हूं।
 – 
TheUniqueProgrammer
16 अगस्त 2018, 21:10
ठीक। आपका क्या मतलब है जब आपने अन्य लोगों के पोस्ट में कहा कि मैंने अभी आपका कोड चेक किया है और यह TabView नहीं है और न ही स्क्रीन के शीर्ष पर है। आपके लिए आवश्यक प्रत्येक प्लेसमेंट कितना सटीक है क्योंकि आपका स्क्रीनशॉट भ्रामक है। यह आभास देता है कि आपके पास पहले से ही एक टैब दृश्य है, लेकिन यह नहीं जानता कि डॉक किए गए FAB को कैसे रखा जाए
 – 
Taio
17 अगस्त 2018, 11:11
1
क्षमा करें अगर मैंने खुद को गलत तरीके से व्यक्त किया। मुझे लगता है कि मामला यह है कि मैं TabBar में एक पायदान बनाने के लिए नीचे के AppBar के अंदर TabBar डालने का प्रयास करता हूं।
 – 
TheUniqueProgrammer
17 अगस्त 2018, 13:27
1
मैंने अभी देखा है कि मैंने TabBar के बजाय TabView कहा है। क्षमा करें मैं कल वास्तव में भ्रमित था।
 – 
TheUniqueProgrammer
17 अगस्त 2018, 13:32