flutter - 如何在 flutter 的 setState() 函数中更改底部导航栏图标？-6ren

flutter - 如何在 flutter 的 setState() 函数中更改底部导航栏图标？

转载作者：行者123 更新时间：2023-12-05 06:22:01

我正在用 flutter 构建一个订餐应用。我想要的是，当用户将商品添加到购物车时，我希望底部导航栏中的购物车图标在顶部获得一个红点，以通知用户将商品添加到购物车。

为此，我创建了一个名为 no_of_cart_items 的全局变量，当用户将商品添加到购物车时，我在 setState() 函数中递增此变量如下:

setState(() {
  GlobalVariables.no_of_cart_items+=1;
  // change icon here
});

在这个 setState() 函数中，我想更改底部导航栏中的图标。我应该怎么做？谢谢。

完整代码

这是 main.dart

//import lines
void main() => runApp(CanteenApp());

class CanteenApp extends StatefulWidget {
  @override
  _CanteenAppState createState() => _CanteenAppState();
}

class _CanteenAppState extends State<CanteenApp> {
  int _currentindex=0; // index of bottom tab

  int admin=GlobalVariables.admin;

  BottomNavigationBadge badger = new BottomNavigationBadge(
    backgroundColor: Colors.red,
    badgeShape: BottomNavigationBadgeShape.circle,
    textColor: Colors.white,
    position: BottomNavigationBadgePosition.topRight,
    textSize: 8);

  Widget callpage(int currentIndex)  {
     switch (currentIndex) {
      case 0: return UserProfile();
      case 1: return Menu();
      case 2: return Cart();
      break;
      default: return UserProfile();
    }
  }
  @override
  Widget build(BuildContext context) {
    if(admin==1 && _currentindex==2) {
      //if you're the admin and have called the history page
      return MaterialApp(
        debugShowCheckedModeBanner: false,
        home: DefaultTabController(
          length: 2,
          child: Scaffold(
            resizeToAvoidBottomPadding: false,
            appBar: PreferredSize(
              preferredSize: Size.fromHeight(80.0),
              child: AppBar(
                bottom: TabBar(
                  indicatorColor: Colors.white,
                  indicatorWeight: 5,
                  tabs: <Widget>[
                    Tab(
                        child: Align(
                            alignment: Alignment.center,
                            child: Text(
                              'Order History',
                              style: TextStyle(
                                  fontSize: 20
                              ),
                            )
                        )
                    ),
                    Tab(
                        child: Align(
                            alignment: Alignment.center,
                            child: Text(
                              'Deposit / Withdraw\nHistory',
                              style: TextStyle(
                                  fontSize: 17
                              ),
                              textAlign: TextAlign.center,
                            )
                        )
                    ),
                  ],
                ),
              ),
            ),
            body: TabBarView(
              children: <Widget>[
                AdminOrderHistory(),
                DepositWithdrawHistory()
              ],
            ),
            bottomNavigationBar: BottomNavigationBar(
                elevation: 10,
                currentIndex: _currentindex,
                items: [
                  BottomNavigationBarItem(
                    icon: Icon(Icons.account_circle),
                    title: Text('Profile'),
                  ),
                  BottomNavigationBarItem(
                    icon: Icon(Icons.restaurant_menu),
                    title: Text('Menu'),
                  ),
                  BottomNavigationBarItem(
                    icon: Icon(Icons.history),
                    title: Text('History'),
                  ),
                ],
                onTap: (index){
                  setState(() {
                    _currentindex=index;
                  });
                }
            ),
          ),
        ),
        theme: appTheme,
      );
    }
    else if(admin==1){
      return MaterialApp(
        debugShowCheckedModeBanner: false,
        home: Scaffold(
          resizeToAvoidBottomPadding: false,
          body: callpage(_currentindex),
          bottomNavigationBar: BottomNavigationBar(
              elevation: 10,
              currentIndex: _currentindex,
              items: [
                BottomNavigationBarItem(
                  icon: Icon(Icons.account_circle),
                  title: Text('Profile'),
                ),
                BottomNavigationBarItem(
                  icon: Icon(Icons.restaurant_menu),
                  title: Text('Menu'),
                ),
                BottomNavigationBarItem(
                  icon: Icon(Icons.history),
                  title: Text('History'),
                ),
              ],
              onTap: (index){
                setState(() {
                  _currentindex=index;
                });
              }
          ),
        ),
        theme: appTheme,
      );
    }
    else if(admin==0){
      return MaterialApp(
        debugShowCheckedModeBanner: false,
        home: Scaffold(
          resizeToAvoidBottomPadding: false,
          body: callpage(_currentindex),
          bottomNavigationBar:BottomNavigationBar(
              elevation: 10,
              currentIndex: _currentindex,
              items: [
                BottomNavigationBarItem(
                  icon: Icon(Icons.account_circle),
                  title: Text('Profile'),
                ),
                BottomNavigationBarItem(
                  icon: Icon(Icons.restaurant_menu),
                  title: Text('Menu'),
                ),
                BottomNavigationBarItem(
                  title: Text('Cart'),
                  icon: Badge(
                    showBadge: true,
                    badgeContent: Text(
                      GlobalVariables.no_of_cart_items.toString(),
                      style: TextStyle(
                        color: Colors.white
                      ),
                    ),
                    child: Icon(Icons.shopping_cart)
                  )
                ),
              ],
              onTap: (index){
                  setState(() {
                    _currentindex=index;
                  });
              }
          ),
        ),
        theme: appTheme,
      );
    }
  }
}

这是menu.dart

//import lines

int admin=GlobalVariables.admin;

List snacksmenuitems=[
  ['Vada Pav', 15],
  ['Samosa Pav', 15],
  ['Punjabi Samosa', 25],
  ['Pav', 5]
];

List ricemenuitems=[
  ['Fried Rice', 62],
  ['Schezwan Rice', 69],
  ['Singapore Rice', 69],
  ['Manchow Rice', 73],
];

class Menu extends StatefulWidget {
  @override
  _MenuState createState() => _MenuState();
}

class _MenuState extends State<Menu> {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        MenuTopPart(),
        MenuBottomPart(),
      ],
    );
  }
}

Color firstColor = Color(0xFFF47D15);
Color secondColor = Color(0xFFEF772C);

class MenuTopPart extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Stack(
      children: <Widget>[
        ClipPath(
            clipper: CustomShapeClipper(),
            child: Container(
                height:140.0,
                width:MediaQuery.of(context).size.width,
                decoration: BoxDecoration(
                    gradient: LinearGradient(
                      colors: [firstColor, secondColor],
                    )
                ),
                child: Column(
                  children: <Widget>[
                    SizedBox(height: 53.0),
                    Text(
                      'MENU',
                      style: TextStyle(
                        fontSize: 30.0,
                        color: Colors.white,
                      ),
                      textAlign: TextAlign.center,
                    ),
                  ],
                )
            )
        )
      ],
    );
  }
}

class MenuBottomPart extends StatefulWidget {
  @override
  _MenuBottomPartState createState() => _MenuBottomPartState();
}

class _MenuBottomPartState extends State<MenuBottomPart> {
  @override
  Widget build(BuildContext context) {
    return Column(
        children: <Widget>[
          SizedBox(height: 10),          
          SizedBox(height: 10),
          Padding(
            padding: const EdgeInsets.fromLTRB(20, 0, 20, 10),
            child: Container(
              height: MediaQuery
                  .of(context)
                  .size
                  .height * 0.60,
              child: ListView(
                padding: EdgeInsets.fromLTRB(0, 0, 0, 0),
                scrollDirection: Axis.vertical,
                children:  <Widget>[
                  Card(
                    child: Padding(
                      padding: const EdgeInsets.fromLTRB(5, 0, 5, 0),
                      child: ExpansionTile(
                        title: Text('SNACKS'),
                        children: snacksmenuitems.map((menuitem) {
                          //print(menuitem);
                          return MenuItem(menuitem: menuitem);
                          /*SizedBox(height:10),
                          MenuItem(),
                          SizedBox(height:10),
                          MenuItem(),
                          SizedBox(height:10),
                          MenuItem()*/
                          }).toList()
                      ),
                    )
                  ),
                  SizedBox(height: 10),
                  Card(
                      child: Padding(
                        padding: const EdgeInsets.fromLTRB(5, 0, 5, 0),
                        child: ExpansionTile(
                            title: Text('RICE ITEMS'),
                            children: ricemenuitems.map((menuitem) {
                              //print(menuitem);
                              return MenuItem(menuitem: menuitem);
                              /*SizedBox(height:10),
                          MenuItem(),
                          SizedBox(height:10),
                          MenuItem(),
                          SizedBox(height:10),
                          MenuItem()*/
                            }).toList()
                        ),
                      )
                  )
                ]
              ),
            ),
          )
        ]
    );
  }
}

class MenuItem extends StatefulWidget {

  List menuitem=[];
  MenuItem({Key key, this.menuitem}): super(key: key);

  @override
  _MenuItemState createState() => _MenuItemState();
}

class _MenuItemState extends State<MenuItem> {

  @override
  Widget build(BuildContext context) {
    return Container(
      margin: const EdgeInsets.only(bottom: 10),
      decoration: BoxDecoration(
          border: Border.all(color: Colors.black12),
          borderRadius: BorderRadius.all(Radius.circular(10))
      ),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          Image(
              image: NetworkImage('https://www.whiskaffair.com/wp-content/uploads/2018/08/Mumbai-Pav-Bhaji-4.jpg'),
              width: 80,
              height: 80
          ),
          SizedBox(width:10),
          Padding(
            padding: const EdgeInsets.fromLTRB(0, 5, 0, 0),
            child: Container(
              width:190,
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: <Widget>[
                  Text(
                    widget.menuitem[0],
                    style: TextStyle(
                        fontSize:19,
                        color: Colors.grey[900]
                    ),
                  ),
                  SizedBox(height:5.0),
                  Padding(
                    padding: const EdgeInsets.fromLTRB(0, 10, 0, 0),
                    child: Row(
                      children: <Widget>[
                        Row(
                          children: <Widget>[
                            Text(
                              '₹',
                              style: TextStyle(
                                  fontSize: 15,
                                  color: Colors.grey[800]
                              ),
                            ),
                            Text(
                              widget.menuitem[1].toString(),
                              style: TextStyle(
                                fontSize: 15,
                                color: Colors.grey[800]
                              ),
                            )
                          ],
                        ),
                        SizedBox(width:70),
                        Container(
                            child: Row(
                              children: <Widget>[
                                SizedBox(
                                  width:30,
                                  height:30,
                                  child: FloatingActionButton(
                                    onPressed: (){
                                      setState(() {
                                        if(GlobalVariables.allcartitems[widget.menuitem[0]][0]>0){
                                          GlobalVariables.no_of_cart_items-=1;
                                          GlobalVariables.allcartitems[widget.menuitem[0]][0]-=1;
                                          GlobalVariables.totalcost-=GlobalVariables.allcartitems[widget.menuitem[0]][1];
                                          // CHECK IF CART HAS NO ITEMS AND REMOVE BADGE HERE
                                        }
                                      });
                                    },
                                    elevation: 1,
                                    child: Icon(Icons.remove, size: 18),
                                    backgroundColor: Colors.red[300],
                                    mini: true,
                                    shape: RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(5.0))),
                                  ),
                                ),
                                Padding(
                                  padding: const EdgeInsets.fromLTRB(5, 0, 5, 0),
                                  child: Text(
                                    GlobalVariables.allcartitems[widget.menuitem[0]][0].toString(),
                                    style: TextStyle(
                                        fontSize: 18
                                    ),
                                  ),
                                ),
                                SizedBox(
                                  width:30,
                                  height:30,
                                  child: FloatingActionButton(
                                    onPressed: (){
                                      setState(() {
                                        GlobalVariables.no_of_cart_items+=1;
                                        GlobalVariables.allcartitems[widget.menuitem[0]][0]+=1;
                                        GlobalVariables.totalcost+=GlobalVariables.allcartitems[widget.menuitem[0]][1];
                                        // SET BADGE HERE
                                      });
                                    },
                                    elevation: 1,
                                    child: Icon(Icons.add, size: 20),
                                    backgroundColor: Colors.green[300],
                                    mini:true,
                                    shape: RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(5.0))),
                                  ),
                                )
                              ],
                            )
                        )
                      ],
                    ),
                  ),
                ],
              ),
            ),
          )
        ],
      ),
    );
  }
}

这是cart.dart:

import 'dart:convert';
import 'package:canteen_app/pages/globalvar.dart';
import 'package:canteen_app/pages/globalvar.dart' as prefix0;
import 'package:canteen_app/pages/orderReceipt.dart';
import 'package:flutter/material.dart';
import 'package:canteen_app/pages/CustomShapeClipper.dart';
import 'package:http/http.dart' as http;
import 'package:intl/intl.dart';

class Cart extends StatefulWidget {
  @override
  _CartState createState() => _CartState();
}

class _CartState extends State<Cart> {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        CartTopPart(),
        CartBottomPart()
      ],
    );
  }
}

class CartTopPart extends StatefulWidget {
  @override
  _CartTopPartState createState() => _CartTopPartState();
}

Color firstColor = Color(0xFFF47D15);
Color secondColor = Color(0xFFEF772C);

class _CartTopPartState extends State<CartTopPart> {
  @override
  Widget build(BuildContext context) {
    return Stack(
      children: <Widget>[
        ClipPath(
            clipper: CustomShapeClipper(),
            child: Container(
                height:140.0,
                width:MediaQuery.of(context).size.width,
                decoration: BoxDecoration(
                    gradient: LinearGradient(
                      colors: [firstColor, secondColor],
                    )
                ),
                child: Column(
                  children: <Widget>[
                    SizedBox(height: 53.0),
                    Text(
                      'CART',
                      style: TextStyle(
                        fontSize: 30.0,
                        color: Colors.white,
                      ),
                      textAlign: TextAlign.center,
                    ),
                  ],
                )
            )
        )
      ],
    );
  }
}

var cartmenuitems = GlobalVariables.allcartitems.keys.toList();


class CartBottomPart extends StatefulWidget {
  @override
  _CartBottomPartState createState() => _CartBottomPartState();
}

class _CartBottomPartState extends State<CartBottomPart> {

  bool _isLoading=false;

  createAlertDialog(BuildContext context, String errormessage){
    return showDialog(
        context: context,
        builder: (context){
          return AlertDialog(
              content: Text(errormessage)
          );
        }
    );
  }

  @override
  Widget build(BuildContext context) {
    if(GlobalVariables.no_of_cart_items>0) {
      return _isLoading==true ? Center(child: CircularProgressIndicator()) : Padding(
        padding: const EdgeInsets.fromLTRB(20, 10, 20, 10),
        child: Column(
          children: <Widget>[
            Container(
              height: MediaQuery
                  .of(context)
                  .size
                  .height * 0.40,
              child: ListView(
                padding: EdgeInsets.fromLTRB(0, 10, 0, 0),
                scrollDirection: Axis.vertical,
                children: cartmenuitems.map((menuitem) {
                  //print(cartmenuitems);
                 // print(GlobalVariables.allcartitems[menuitem]);
                  //if(GlobalVariables.allcartitems[menuitem]>=1) {
                    //print('heyy');
                    return CartOrderDish(menuitem: menuitem);
                  //}
                }).toList()
              ),
            ),
            Divider(
                color: Colors.black
            ),
            Row(
              children: <Widget>[
                Text(
                  'Total Amount:',
                  style: TextStyle(
                      fontSize: 20
                  ),
                ),
                SizedBox(width: 140),
                Row(
                  children: <Widget>[
                    Text(
                      '₹',
                      style: TextStyle(
                          fontSize: 20
                      ),
                    ),
                    Text(
                      GlobalVariables.totalcost.toString(),
                      style: TextStyle(
                        fontSize: 20
                      )
                    )
                  ],
                )
              ],
            ),
            SizedBox(height: 5),
            Align(
              alignment: Alignment.centerLeft,
              child: Text(
                '(Inclusive of GST)',
                style: TextStyle(
                    fontSize: 15
                ),
              ),
            ),
            SizedBox(height: 18),
            RaisedButton(
                onPressed: () {

                  if((GlobalVariables.accountbalance-GlobalVariables.totalcost)<0){
                    createAlertDialog(context, "Whoops! The total cost exceeds your account balance!\n\nYour account balance can be updated at the CASH COUNTER.");
                  }
                  else {
                    setState(() {
                      _isLoading = true;
                    });

                    // creating a list of all cart items to send to php
                    List cart = [];
                    cartmenuitems.map((menuitem) {
                      if (GlobalVariables.allcartitems[menuitem][0] > 0) {
                        cart.add([menuitem, GlobalVariables.allcartitems[menuitem][0], GlobalVariables.allcartitems[menuitem][1] * GlobalVariables.allcartitems[menuitem][0]]);
                      }
                    }).toList();
                    print(jsonEncode(cart));

                    Future placeOrderFunction() async {
                      print(GlobalVariables.username);
                      final response = await http.post(
                          "https://kjscecanteenapp.000webhostapp.com/place_order_sys.php",
                          body: {
                            "cart": json.encode(cart),
                            "username": GlobalVariables.username
                          });
                      // print(response.body);
                      var decodedResponse = json.decode(response.body);
                      print(decodedResponse);

                      setState(() {
                        _isLoading = false;
                      });

                      if (decodedResponse['error'] != -1) {
                        // means no error
                        int orderId=decodedResponse['error'];
                        int cost=GlobalVariables.totalcost;
                        GlobalVariables.no_of_cart_items = 0;
                        String date=DateFormat('dd-MMM-yyyy').format(DateTime.now());

                        cartmenuitems.map((menuitem) {
                          if (GlobalVariables.allcartitems[menuitem][0] > 0) {
                            GlobalVariables.allcartitems[menuitem][0] = 0;
                          }
                        });

                        GlobalVariables ob = new GlobalVariables();
                        ob.resetcart();
                        GlobalVariables.accountbalance -= GlobalVariables.totalcost;
                        GlobalVariables.totalcost = 0;

                        Navigator.of(context)
                            .push(MaterialPageRoute<Null>(
                            builder: (BuildContext context) {
                              return new OrderReceipt(orderId: orderId, cost: cost, date: date, cart: cart);
                            }));
                      }
                      else{
                        createAlertDialog(context, "There was some error during the order placement. Don't worry tho try again in a few seconds!");
                      }

                    }

                    placeOrderFunction();
                  }

                },
                elevation: 5.0,
                textColor: Colors.white,
                shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(5.0)),
                padding: const EdgeInsets.all(0.0),
                child: Container(
                  decoration: const BoxDecoration(
                      gradient: LinearGradient(
                          colors: <Color>[
                            Color(0xFF0083B0),
                            Color(0xFF00B4DB),
                          ]
                      )
                  ),
                  padding: const EdgeInsets.fromLTRB(40, 15, 40, 15),
                  child: Text(
                    'Place Order',
                    style: TextStyle(
                        fontSize: 20
                    ),
                  ),
                )
            )
          ],
        ),
      );
    }
    else {
      return Padding(
        padding: const EdgeInsets.all(20.0),
        child: Container(
          height: MediaQuery.of(context).size.height*0.6,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: <Widget>[
              Text(
                'Please add some items into your cart.',
                style: TextStyle(
                  fontSize: 20,
                ),
                textAlign: TextAlign.center,
              ),
            ],
          ),
        ),
      );
    }
  }
}

class CartOrderDish extends StatefulWidget {

  String menuitem;
  CartOrderDish({Key key, this.menuitem}): super(key: key);

  @override
  _CartOrderDishState createState() => _CartOrderDishState();
}

class _CartOrderDishState extends State<CartOrderDish> {
  @override
  Widget build(BuildContext context) {
    if(GlobalVariables.allcartitems[widget.menuitem][0]>0) {
      int price=GlobalVariables.allcartitems[widget.menuitem][0]*GlobalVariables.allcartitems[widget.menuitem][1];
      return Padding(
        padding: const EdgeInsets.fromLTRB(0, 0, 0, 10),
        child: Row(
          children: <Widget>[
            Expanded(
              child: Text(
                widget.menuitem,
                style: TextStyle(
                    fontSize: 20
                ),
              ),
            ),
            SizedBox(width: 50),
            Container(
                child: Row(
                  children: <Widget>[
                    SizedBox(
                      width: 30,
                      height: 30,
                      child: FloatingActionButton(
                        heroTag: 'fab1',
                        elevation: 1,
                        child: Icon(Icons.remove, size: 18),
                        backgroundColor: Colors.red[300],
                        mini: true,
                        shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.all(Radius.circular(5.0))),
                      ),
                    ),
                    Padding(
                      padding: const EdgeInsets.fromLTRB(5, 0, 5, 0),
                      child: Text(
                        GlobalVariables.allcartitems[widget.menuitem][0].toString(),
                        style: TextStyle(
                            fontSize: 18
                        ),
                      ),
                    ),
                    SizedBox(
                      width: 30,
                      height: 30,
                      child: FloatingActionButton(
                        heroTag: 'fab2',
                        elevation: 1,
                        child: Icon(Icons.add, size: 20),
                        backgroundColor: Colors.green[300],
                        mini: true,
                        shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.all(Radius.circular(5.0))),
                      ),
                    )
                  ],
                )
            ),
            SizedBox(width: 50),
            Row(
              children: <Widget>[
                Text(
                  '₹',
                  style: TextStyle(
                      fontSize: 20
                  ),
                ),
                Text(
                  price.toString(),
                  style: TextStyle(
                    fontSize:20
                  )
                )
              ],
            )
          ],
        ),
      );
    }
    else{
      return Container();
    }
  }
}

最佳答案

您可以使用 Badge 而不是更改整个图标来指示已添加到购物车的商品
徽章包:https://pub.dev/packages/badges

Update-1:用于实现徽章:

var p1badge = false;
var p2badge = false;
List<BottomNavigationBarItem> buildBottomNavBarItems() {
    return [
      BottomNavigationBarItem(
          icon: Badge(
            showBadge: p1badge,
            child: Icon(Icons.filter_1),
          ),
          title: Text('Page-1')),
      BottomNavigationBarItem(
          icon: Badge(
            showBadge: p2badge,
            child: Icon(Icons.filter_2),
          ),
          title: Text('Page-2'))
    ];
  }

使用 VoidCallback 更新徽章:

class Page1 extends StatelessWidget {
  VoidCallback onP1Badge;

  Page1({this.onP1Badge});

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        RaisedButton(
          child: Text('P1 BADGE'),
          onPressed: () {onP1Badge();},
        ),
      ],
    );
  }
}

将p1badge的值改为true并调用setState():

pages = [
      Page1(
        onP1Badge: () {
          p1badge = true;
          setState(() {});
        },
      ),
      Page2()
    ];

Update-2:检查一下:https://github.com/TheArhaam/Flutter-BottomNavigationBar-Badge
动图:

关于flutter - 如何在 flutter 的 setState() 函数中更改底部导航栏图标？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59479654/

文章推荐： css - react native 底部标签栏样式添加凹凸

文章推荐： google-apps-script - Apps 脚本 - 如何检测对话框是否关闭

不使用垫片定位 View 底部
如何在不使用垫片的情况下将 View 定位在底部。我知道我可以在 VStack 中放置一个间隔器和我的 View 来实现它，但我不想使用一个间隔器，因为我不希望我的 View 占据所有的垂直空间。使用
html float 底部
我想让文本 float 到现有标签的右下角。我仍在使用旧学校表(编辑现有代码)。我的代码是这样的:
html - 如何让文本刷新到表格单元格的顶部/底部
我有一个包含文本的表格单元格，但我怎样才能使文本齐平到单元格的顶部或底部(上面没有填充)？我试过垂直对齐，但它仍然没有到达顶部“边缘”。我的代码 3.2325
javascript - 如何在打印中设置页边距顶部、底部？
我想用 javascript 打印一个特殊的页面 div。 function printDiv(divName) { var printContents = document
javascript - 检查在页面底部附近/底部
我需要检查元素是否距离页面底部 x 像素，以动态加载新内容。目前，即使栏位于底部，scrollTop 和高度也不匹配。 jquery 是允许的，虽然基本的 javascript 会更有帮助。最佳答案
python - 如何调整pygame中的图像大小以到达屏幕的顶部/底部？
我正在用 pygame 重新制作 flappy bird，但主题是星球大战。我已经完成了游戏的美术和一般格式设置，但现在我需要调整细节。我一直在改变数字，试图让光剑完全到达屏幕的顶部和底部，因为目前有
css - 将动态框定位在中心+底部
http://pastehtml.com/view/bfzerlo1m.html 如何将红色框放在橙色 div 底部的 CENTER + 中？红框的高度和宽度都是动态的，每个框都不同.. (它需要在
javascript - 如何将项目值推到选择框中的极端顶部/底部？
我正在研究和测试表格。到目前为止，我成功地使用 following fiddle 将选择框列表中的项目一项一项地向上和向下移动。 . 代码实例(向上移动): function moveUp() { $
ios - 底部/页脚上的后退按钮
在设计 IOS 应用程序时，我可以在页脚放置“后退”按钮功能吗？最佳答案我认为指南中没有任何内容禁止这样做，但是您的潜在用户习惯于将后退按钮放在左上角，因此除非您有充分的理由将后退按钮放在底部，并
HTML 表格单元格间距或填充只是顶部/底部
你可以只在顶部/底部而不是所有(T、B、L、R)设置单元格填充或间距吗？最佳答案 CSS？ td { padding-top: 2px; padding-bottom: 2px; } 关于H
javascript - 如何检测浏览器窗口是否为 "near"底部？
我正在为我的 React 应用程序使用无限滚动，并具有检测我何时恰好位于页面底部的功能: const [isFetching, setIsFetching] = useState(false); //
jQuery 即使更新后也滚动到 Div 底部？
所以我有一个页面，其中有一个类似聊天的 div，里面充满了文本。它具有固定的高度和宽度(由 css 定义)。我需要它在每次更新时滚动到底部，这是我到目前为止使用的 JS: $("#div1").an
iphone - UIWebView 不会滚动到末尾/底部
我遇到了与此处描述的相同的问题:UIWebView doesn't scroll to the bottom of the webpage loaded/created (不幸的是没有人回答) 我有一
javascript - 自动滚动到 div 底部
我有一个溢出设置为滚动的 div，它本质上是逐行从文件中流式传输数据。我想在流溢出时自动滚动到 div 的底部，但不使用“单击此处滚动到底部”按钮。我已经知道 scrollTop = scrollH
java - 由于重力作用，图像不在底部(底部)
我正在 Android studio 中构建一个应用程序，但遇到了一些问题。我在 main_activity.xml 中有一个 ImageView
java - 底部 Jpanel 中的按钮
我有一个扩展 Jpanel 的类，里面有一个动画。我有两个操作按钮可以停止和启动它，但是我需要这些按钮出现在 Jpanel 的底部。我已经尝试过: add(go,BOTTOM_ALIGNMENT);
ios - 将ipad连接到蓝牙键盘时，ios的隐藏栏(底部)
嗨，我正在为ios设备(ipad)开发phonegap / cordova项目。该应用程序通过蓝牙键盘接收输入文本(因为我不想在屏幕上显示键盘)。到目前为止，应用程序可以按预期接收输入。但是关于外观，
css - 底部 Angular 粘性页脚
我想在底部放置一个页脚。出于某种原因，它会像这样出现。在 index.html 中，我有:
jquery - 将新行添加到 jQGrid 底部
我得到了一个带有内联编辑功能的 jqgrid，并且可以添加新行。目前，新行以“编辑”模式显示在网格顶部。我想要的是将新行添加到网格底部，因为我的“添加新行”按钮位于自定义底部分页器中... 有人知道
ios - 为什么以编程方式创建的(底部)工具栏按钮标题不显示？
在 Swift 3 中，我以编程方式创建了一个(底部)工具栏，其中包含自定义按钮，中间用灵活的垫片分隔自定义按钮，将一个(“上一个”)推到左边缘，另一个(“下一个”)到 View 的右边缘。但我无法显

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

flutter - 如何在 flutter 的 setState() 函数中更改底部导航栏图标？