मुझे नीचे नेविगेशनबार के साथ कोई समस्या है, समस्या केवल आईफोन एक्स पर होती है, क्योंकि बीएनबी के नीचे कुछ पैडिंग दिखाई देती है जैसे कि यह एक सेफएरिया विजेट के अंदर था (और यह नहीं)

अच्छा, मैं उस गद्दी को कैसे हटा सकता हूँ? या शायद इसे किसी तरह रंग दें?

बिल्ड फ़ंक्शन के लिए यह मेरा कोड है

  @override
  Widget build(BuildContext context) {
return new Scaffold(
  
  appBar: _buildAppBar(),
  drawer: _buildDrawer(),
  body: _isLoading
      ? Center(
          child: CircularProgressIndicator(),
        )
      : new Container(
        color: Colors.white,
        child: _unauthorizedOrders()),
  // floatingActionButton: FloatingActionButton(
  //   onPressed: () {},
  //   backgroundColor: primaryColor,
  //   child: Icon(Icons.flash_on, size: 30.0,),
  //   tooltip: 'Authorize Orders',
  // ),
  // floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
  backgroundColor: Colors.red,
  bottomNavigationBar: BottomAppBar(
      child: Container(
    height: 40.0,
    color: primaryColor,
    child: Row(
      children: <Widget>[
        // Padding(
        //   padding: const EdgeInsets.only(left: 10.0),
        //   child: Text(
        //     'Orders: ${orders.length}',
        //     style: TextStyle(
        //         color: Colors.white,
        //         fontSize: 18.0,
        //         fontWeight: FontWeight.bold),
        //   ),
        // ),
      ],
    ),
  )),
);
  }

संपादित करें: मैंने मचान में पृष्ठभूमि रंग जोड़ा है, डॉक किए गए एफएबी को हटा दिया है और इसे सफेद रंग में रंगने के लिए शरीर को एक कंटेनर के अंदर लपेटा है, फिर भी काम नहीं करता है, मैंने इसे दिखाने के लिए ऊपर दिए गए कोड को अपडेट किया है

enter image description here

2
88 Keys 19 जून 2018, 01:19

2 जवाब

सबसे बढ़िया उत्तर

एक वर्कअराउंड आपके स्कैफोल्ड के बैकग्राउंड कलर को आपके बॉटमनेविगेशनबार के समान रंग में सेट करना होगा और अपनी सामग्री को उस रंग के साथ एक कंटेनर में रखना होगा जो आप चाहते हैं।

संपादित करें:

यहाँ एक नमूना कोड है:

import 'package:flutter/material.dart';

  void main() => runApp(new MyApp());

  class MyApp extends StatelessWidget {
    // This widget is the root of your application.
    @override
    Widget build(BuildContext context) {
      return new MaterialApp(
        title: 'BNB Demo on iPhone X',
        theme: new ThemeData(
          brightness: Brightness.dark,
          primaryColor: Colors.black,
        ),
        home: new MyHomePage(title: 'BNB Demo on iPhone X'),
      );
    }
  }

  class MyHomePage extends StatefulWidget {
    MyHomePage({Key key, this.title}) : super(key: key);
    final String title;

    @override
    _MyHomePageState createState() => new _MyHomePageState();
  }

  class _MyHomePageState extends State<MyHomePage> {
    int _counter = 0;

    void _incrementCounter() {
      setState(() {
        _counter++;
      });
    }

    @override
    Widget build(BuildContext context) {
      return new SafeArea(
        child: new Scaffold(
          appBar: new AppBar(
            title: new Text(widget.title),
          ),
          body: new Center(
            child: new Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                new Text(
                  'You have pushed the button this many times:',
                ),
                new Text(
                  '$_counter',
                  style: Theme.of(context).textTheme.display1,
                ),
              ],
            ),
          ),
          floatingActionButton: FloatingActionButton(
            child: Icon(Icons.add, color: Colors.white,),
            backgroundColor: Colors.black,
            onPressed: _incrementCounter,
          ),
          floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
          bottomNavigationBar: new BottomAppBar(
            child: Container(
              height: 40.0,
              color: Colors.black,
            ),
          ),
        ),
      );
    }
  }

0
Javid Noutash 20 जून 2018, 01:59

उपयोग

SafeArea(
    child: BottomAppBar(...)
);
4
mramsak 13 जुलाई 2018, 23:39