梳理一个flutter 底部评论输入框，不一定是好的方案，仅仅提供一个思路。

最新推荐文章于 2024-09-25 08:35:20 发布
最新推荐文章于 2024-09-25 08:35:20 发布
阅读量833 收藏
点赞数
文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Zaric_001/article/details/131091126
版权

1、创建键盘单例工具类

2、监听底部viewInsets.bottom,并给工具类赋值

3、使用底部弹出框样式，先调出键盘，在展示弹出框。

import 'dart:math';
import 'dart:ui';

import 'package:flutter/material.dart';
import 'package:my_pets_app/components/input_kayboard.dart';
import 'package:my_pets_app/utils/keyboard_utils.dart';

class TestKeyboardPage extends StatefulWidget {
  const TestKeyboardPage({Key? key}) : super(key: key);

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

class _TestKeyboardPageState extends State<TestKeyboardPage>
    with WidgetsBindingObserver {
  var fn = new FocusNode();
  bool isCloseForUp = false;
  double keyboardHeight = 0.0;
  bool isKeyboardShow = false;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    fn.addListener(() {});

    WidgetsBinding.instance.addObserver(this);
  }

  @override
  void didChangeMetrics() {
    // TODO: implement didChangeMetrics
    super.didChangeMetrics();
    final bottom = MediaQueryData.fromWindow(window).viewInsets.bottom;
    print("===> ${bottom}");
    // 键盘存在中间态，回调是键盘冒出来的高度
    keyboardHeight = max(keyboardHeight, bottom);
    if (bottom == 0) {
      isKeyboardShow = false;
      print("==> 键盘关闭");
      KeyboardUtils.getInstance().setKeyboardHeight(0);
    } else if (bottom == keyboardHeight || keyboardHeight == 0) {
      isKeyboardShow = true;
      print("==> 键盘打开");
    } else {
      isKeyboardShow = false;
      print("==> 键盘关闭");
      KeyboardUtils.getInstance().setKeyboardHeight(0);
    }
    print(keyboardHeight);

    KeyboardUtils.getInstance().setKeyboardHeight(keyboardHeight);
    Future.delayed(Duration(microseconds: 1000),
        () => KeyboardUtils.getInstance().setIsOpen(isKeyboardShow));
  }

  @override
  void dispose() {
    // TODO: implement dispose
    super.dispose();
    WidgetsBinding.instance.removeObserver(this);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset: false,
      body: Container(
        padding: EdgeInsets.all(10),
        height: double.infinity,
        width: double.infinity,
        child: Stack(
          children: [
            Positioned.fill(child: Container(color: Colors.red)),
            Positioned(
              bottom: 0,
              child: Container(
                height: 40,
                width: MediaQuery.of(context).size.width,
                //color: Colors.green,
                child: GestureDetector(
                  child: TextField(
                    enabled: false,
                    focusNode: fn,
                    decoration:
                        InputDecoration(filled: true, fillColor: Colors.pink),
                  ),
                  onTap: () {
                    showDi(context);
                  },
                ),
              ),
            )
          ],
        ),
      ),
    );
  }
}

import 'dart:ui';

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:my_pets_app/model/emoji_model.dart';
import 'package:my_pets_app/utils/keyboard_utils.dart';
import 'package:my_pets_app/utils/rpx.dart';
import 'package:my_pets_app/utils/view_utils.dart';

showDi(BuildContext context) {
  SystemChannels.textInput.invokeMethod<void>('TextInput.show');
  Future.delayed(Duration(microseconds: 1000), () {
    final TextEditingController tc = TextEditingController();
    final FocusNode fn = FocusNode();
    tc.addListener(() {});

    fn.addListener(() {

    });

    tc.selection = TextSelection.fromPosition(TextPosition(
        affinity: TextAffinity.downstream, offset: tc.text.length));
    var p = EdgeInsets.only(top: 10, bottom: 10, left: 15, right: 15);
    return showModalBottomSheet(
      context: context,
      builder: (context) {
        return MediaQuery.removePadding(
            context: context,
            child: Stack(
              children: [
                Container(
                    height: KeyboardUtils.getInstance().getKeyboardHeight() +100,
                    color: Colors.white,
                    // alignment: Alignment.,
                    child: Container(
                        child: Column(
                      children: [
                        Container(
                          height: 40,
                          padding:
                              EdgeInsets.only(top: 10, left: 10, right: 10),
                          child: Row(
                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
                            children: [
                              getEmojiList(tc)[85],
                              getEmojiList(tc)[86],
                              getEmojiList(tc)[87],
                              getEmojiList(tc)[88],
                              getEmojiList(tc)[89],
                              getEmojiList(tc)[90],
                              getEmojiList(tc)[91],
                            ],
                          ),
                        ),
                        Row(
                          children: [
                            Expanded(
                              child: Container(
                                height: 60,
                                padding: EdgeInsets.all(10),
                                child: TextField(
                                  enabled: true,
                                  focusNode: fn,
                                  autofocus: true,
                                  //cursorWidth: 0,
                                  //cursorHeight: 0,
                                  controller: tc,
                                  cursorColor: primaryColor,
                                  keyboardType: TextInputType.multiline,
                                  onChanged: (str) {
                                    
                                  },
                                  style: TextStyle(fontSize: rpx(13)),
                                  decoration: InputDecoration(
                                      contentPadding:
                                          const EdgeInsets.symmetric(
                                              vertical: 4.0, horizontal: 10),
                                      hintText: '说点什么',
                                      hintStyle: TextStyle(
                                          color:
                                              Color.fromARGB(104, 63, 63, 63),
                                          fontSize: rpx(13)),
                                      border: OutlineInputBorder(
                                          borderRadius:
                                              BorderRadius.circular(15),
                                          borderSide: BorderSide.none),
                                      filled: true,
                                      fillColor: Colors.grey[200],
                                      suffixIcon: GestureDetector(
                                        child: KeyboardUtils.getInstance()
                                                .getIsOpen()
                                            ? Icon(
                                                Icons.emoji_emotions_outlined,
                                                color: Color.fromARGB(
                                                    104, 63, 63, 63),
                                              )
                                            : Icon(
                                                CupertinoIcons.equal_circle,
                                                color: Color.fromARGB(
                                                    104, 63, 63, 63),
                                              ),
                                        onTap: () {
                                          var isShowEmojiPanel =
                                              KeyboardUtils.getInstance()
                                                  .getIsShowEmojiPanel();
                                          KeyboardUtils.getInstance()
                                              .setIsShowEmojiPanel(
                                                  !isShowEmojiPanel);

                                          if (!isShowEmojiPanel) {
                                            fn.requestFocus();
                                          } else {
                                            FocusScope.of(context).unfocus();
                                          }

                                          KeyboardUtils.getInstance()
                                              .setIsOpen(!isShowEmojiPanel);
                                        },
                                      )),
                                ),
                              ),
                            ),
                            GestureDetector(
                              child: Container(
                                width: ScreenUtil().setWidth(60),
                                height: ScreenUtil().setHeight(40),
                                alignment: Alignment.center,
                                margin: EdgeInsets.only(left: 10, right: 10),
                                padding: EdgeInsets.only(left: 10, right: 10),
                                decoration: BoxDecoration(
                                    color: primaryColor,
                                    borderRadius:
                                        BorderRadius.all(Radius.circular(10)),
                                    border: Border.all(color: Colors.white)),
                                child: Text(
                                  "发送",
                                  style: TextStyle(
                                      color: Colors.white, fontSize: rpx(12)),
                                ),
                              ),
                              onTap: () {
                                Navigator.pop(context);
                              },
                            )
                          ],
                        ),
                        Expanded(
                            child: Stack(
                          children: [
                            Positioned.fill(child: Container(
                              color: Colors.grey[300],
                              child: SingleChildScrollView(
                                padding: EdgeInsets.all(0),
                                child: Column(
                                  children: [
                                    Container(
                                      padding: p,
                                      child: Row(
                                        mainAxisAlignment:
                                        MainAxisAlignment.spaceBetween,
                                        children: [
                                          getEmojiList(tc)[39],
                                          getEmojiList(tc)[1],
                                          getEmojiList(tc)[2],
                                          getEmojiList(tc)[3],
                                          getEmojiList(tc)[4],
                                          getEmojiList(tc)[5],
                                          getEmojiList(tc)[6],
                                        ],
                                      ),
                                    ),
                                    Container(
                                      padding: p,
                                      child: Row(
                                        mainAxisAlignment:
                                        MainAxisAlignment.spaceBetween,
                                        children: [
                                          getEmojiList(tc)[7],
                                          getEmojiList(tc)[8],
                                          getEmojiList(tc)[9],
                                          getEmojiList(tc)[10],
                                          getEmojiList(tc)[11],
                                          getEmojiList(tc)[12],
                                          getEmojiList(tc)[13],
                                        ],
                                      ),
                                    ),
                                    Container(
                                      padding: p,
                                      child: Row(
                                        mainAxisAlignment:
                                        MainAxisAlignment.spaceBetween,
                                        children: [
                                          getEmojiList(tc)[14],
                                          getEmojiList(tc)[15],
                                          getEmojiList(tc)[16],
                                          getEmojiList(tc)[17],
                                          getEmojiList(tc)[18],
                                          getEmojiList(tc)[19],
                                          getEmojiList(tc)[20],
                                        ],
                                      ),
                                    ),
                                    Container(
                                      padding: p,
                                      child: Row(
                                        mainAxisAlignment:
                                        MainAxisAlignment.spaceBetween,
                                        children: [
                                          getEmojiList(tc)[21],
                                          getEmojiList(tc)[22],
                                          getEmojiList(tc)[23],
                                          getEmojiList(tc)[24],
                                          getEmojiList(tc)[25],
                                          getEmojiList(tc)[26],
                                          getEmojiList(tc)[27],
                                        ],
                                      ),
                                    ),
                                    Container(
                                      padding: p,
                                      child: Row(
                                        mainAxisAlignment:
                                        MainAxisAlignment.spaceBetween,
                                        children: [
                                          getEmojiList(tc)[28],
                                          getEmojiList(tc)[29],
                                          getEmojiList(tc)[30],
                                          getEmojiList(tc)[31],
                                          getEmojiList(tc)[32],
                                          getEmojiList(tc)[33],
                                          getEmojiList(tc)[34],
                                        ],
                                      ),
                                    ),
                                    Container(
                                      padding: p,
                                      child: Row(
                                        mainAxisAlignment:
                                        MainAxisAlignment.spaceBetween,
                                        children: [
                                          getEmojiList(tc)[28],
                                          getEmojiList(tc)[29],
                                          getEmojiList(tc)[30],
                                          getEmojiList(tc)[31],
                                          getEmojiList(tc)[32],
                                          getEmojiList(tc)[33],
                                          getEmojiList(tc)[34],
                                        ],
                                      ),
                                    ),
                                    Container(
                                      padding: p,
                                      child: Row(
                                        mainAxisAlignment:
                                        MainAxisAlignment.spaceBetween,
                                        children: [
                                          getEmojiList(tc)[28],
                                          getEmojiList(tc)[29],
                                          getEmojiList(tc)[30],
                                          getEmojiList(tc)[31],
                                          getEmojiList(tc)[32],
                                          getEmojiList(tc)[33],
                                          getEmojiList(tc)[34],
                                        ],
                                      ),
                                    ),
                                    Container(
                                      padding: p,
                                      child: Row(
                                        mainAxisAlignment:
                                        MainAxisAlignment.spaceBetween,
                                        children: [
                                          getEmojiList(tc)[28],
                                          getEmojiList(tc)[29],
                                          getEmojiList(tc)[30],
                                          getEmojiList(tc)[31],
                                          getEmojiList(tc)[32],
                                          getEmojiList(tc)[33],
                                          getEmojiList(tc)[34],
                                        ],
                                      ),
                                    ),
                                    Container(
                                      padding: p,
                                      child: Row(
                                        mainAxisAlignment:
                                        MainAxisAlignment.spaceBetween,
                                        children: [
                                          getEmojiList(tc)[28],
                                          getEmojiList(tc)[29],
                                          getEmojiList(tc)[30],
                                          getEmojiList(tc)[31],
                                          getEmojiList(tc)[32],
                                          getEmojiList(tc)[33],
                                          getEmojiList(tc)[34],
                                        ],
                                      ),
                                    ),
                                    Container(height: 60,)
                                  ],
                                ),
                              ),
                            )),

                            Positioned(
                              bottom: 20,right: 20,
                                child: Container(
                              height: 40,width: 70,
                              padding: EdgeInsets.all(10),

                              decoration: BoxDecoration(
                                color: Colors.white,
                                borderRadius: BorderRadius.all(Radius.circular(10)),
                              ),
                              //width: 10,
                              //color: Colors.redAccent,
                                  child: SvgPicture.asset("assets/svgs/回退.svg",color: primaryColor,),
                            ))
                          ],
                        ))
                      ],
                    )))
              ],
            ));
      },
    );
  });
}

class KeyboardUtils {
  KeyboardUtils._();

  double keyboardHeight = 0.0;
  bool isOpen = true;
  bool isInited = false;
  bool isShowEmojiPanel = false;
  static KeyboardUtils _instance = KeyboardUtils._();

  static KeyboardUtils getInstance() {
    if (_instance == null) {
      _instance = KeyboardUtils._();
    }
    return _instance;
  }

  void setKeyboardHeight(double h) {
    this.keyboardHeight = h;
  }

  void printHash() {
    print("==> KeyboardUtils printHash #### ${this.hashCode}");
  }

  double getKeyboardHeight() {
    print("==> 键盘高度#### ${this.keyboardHeight}");
    return this.keyboardHeight;
  }

  void setIsOpen(bool b) {
    this.isOpen = b;
  }

  bool getIsOpen() {
    print("==> KeyboardUtils getIsOpen #### ${this.isOpen}");
    return this.isOpen;
  }

  void setIsInited(bool b){
    this.isInited = b;
  }

  bool getIsInited(){
    return this.isInited;
  }

  void setIsShowEmojiPanel(bool b){
    this.isShowEmojiPanel = b;
  }

  bool getIsShowEmojiPanel(){
    return this.isShowEmojiPanel;
  }
}



import 'package:flutter/material.dart';
import 'package:my_pets_app/utils/rpx.dart';

List<GestureDetector> getEmojiList(TextEditingController tc){
  final TextStyle ts = TextStyle(
    fontSize: rpx(20)
  );

  final TextStyle ts_header = TextStyle(
      fontSize: rpx(15)
  );
  
  List<GestureDetector> data = [
GestureDetector(child: Text("🤣",style: ts,),onTap:() {tc.text+="🤣";},),
GestureDetector(child: Text("😀",style: ts,),onTap:() {tc.text+="😀";},),
GestureDetector(child: Text("😃",style: ts,),onTap:() {tc.text+="😃";},),
GestureDetector(child: Text("😄",style: ts,),onTap:() {tc.text+="😄";},),
GestureDetector(child: Text("😁",style: ts,),onTap:() {tc.text+="😁";},),
GestureDetector(child: Text("😆",style: ts,),onTap:() {tc.text+="😆";},),
GestureDetector(child: Text("😅",style: ts,),onTap:() {tc.text+="😅";},),
GestureDetector(child: Text("🤣",style: ts,),onTap:() {tc.text+="🤣";},),
GestureDetector(child: Text("😂",style: ts,),onTap:() {tc.text+="😂";},),
GestureDetector(child: Text("🙂",style: ts,),onTap:() {tc.text+="🙂";},),
GestureDetector(child: Text("🙃",style: ts,),onTap:() {tc.text+="🙃";},),
GestureDetector(child: Text("😉",style: ts,),onTap:() {tc.text+="😉";},),
GestureDetector(child: Text("😊",style: ts,),onTap:() {tc.text+="😊";},),
GestureDetector(child: Text("😇",style: ts,),onTap:() {tc.text+="😇";},),
GestureDetector(child: Text("😍",style: ts,),onTap:() {tc.text+="😍";},),
GestureDetector(child: Text("🤩",style: ts,),onTap:() {tc.text+="🤩";},),
GestureDetector(child: Text("😘",style: ts,),onTap:() {tc.text+="😘";},),
GestureDetector(child: Text("😗",style: ts,),onTap:() {tc.text+="😗";},),
GestureDetector(child: Text("😑",style: ts,),onTap:() {tc.text+="😑";},),
GestureDetector(child: Text("😐",style: ts,),onTap:() {tc.text+="😐";},),
GestureDetector(child: Text("🤨",style: ts,),onTap:() {tc.text+="🤨";},),
GestureDetector(child: Text("🤐",style: ts,),onTap:() {tc.text+="🤐";},),
GestureDetector(child: Text("🤔",style: ts,),onTap:() {tc.text+="🤔";},),
GestureDetector(child: Text("🤫",style: ts,),onTap:() {tc.text+="🤫";},),
GestureDetector(child: Text("🤭",style: ts,),onTap:() {tc.text+="🤭";},),
GestureDetector(child: Text("🤗",style: ts,),onTap:() {tc.text+="🤗";},),
GestureDetector(child: Text("🤑",style: ts,),onTap:() {tc.text+="🤑";},),
GestureDetector(child: Text("😝",style: ts,),onTap:() {tc.text+="😝";},),
GestureDetector(child: Text("🤪",style: ts,),onTap:() {tc.text+="🤪";},),
GestureDetector(child: Text("😜",style: ts,),onTap:() {tc.text+="😜";},),
GestureDetector(child: Text("😛",style: ts,),onTap:() {tc.text+="😛";},),
GestureDetector(child: Text("😋",style: ts,),onTap:() {tc.text+="😋";},),
GestureDetector(child: Text("😙",style: ts,),onTap:() {tc.text+="😙";},),
GestureDetector(child: Text("😚",style: ts,),onTap:() {tc.text+="😚";},),
GestureDetector(child: Text("😶",style: ts,),onTap:() {tc.text+="😶";},),
GestureDetector(child: Text("😏",style: ts,),onTap:() {tc.text+="😏";},),
GestureDetector(child: Text("😒",style: ts,),onTap:() {tc.text+="😒";},),
GestureDetector(child: Text("🙄",style: ts,),onTap:() {tc.text+="🙄";},),
GestureDetector(child: Text("😬",style: ts,),onTap:() {tc.text+="😬";},),
GestureDetector(child: Text("🤥",style: ts,),onTap:() {tc.text+="🤥";},),
GestureDetector(child: Text("😌",style: ts,),onTap:() {tc.text+="😌";},),
GestureDetector(child: Text("😔",style: ts,),onTap:() {tc.text+="😔";},),
GestureDetector(child: Text("😪",style: ts,),onTap:() {tc.text+="😪";},),
GestureDetector(child: Text("🤤",style: ts,),onTap:() {tc.text+="🤤";},),
GestureDetector(child: Text("😴",style: ts,),onTap:() {tc.text+="😴";},),
GestureDetector(child: Text("😷",style: ts,),onTap:() {tc.text+="😷";},),
GestureDetector(child: Text("🤒",style: ts,),onTap:() {tc.text+="🤒";},),
GestureDetector(child: Text("🤕",style: ts,),onTap:() {tc.text+="🤕";},),
GestureDetector(child: Text("🤢",style: ts,),onTap:() {tc.text+="🤢";},),
GestureDetector(child: Text("🤮",style: ts,),onTap:() {tc.text+="🤮";},),
GestureDetector(child: Text("🤧",style: ts,),onTap:() {tc.text+="🤧";},),
GestureDetector(child: Text("😵",style: ts,),onTap:() {tc.text+="😵";},),
GestureDetector(child: Text("🤯",style: ts,),onTap:() {tc.text+="🤯";},),
GestureDetector(child: Text("🤠",style: ts,),onTap:() {tc.text+="🤠";},),
GestureDetector(child: Text("😎",style: ts,),onTap:() {tc.text+="😎";},),
GestureDetector(child: Text("🤓",style: ts,),onTap:() {tc.text+="🤓";},),
GestureDetector(child: Text("🧐",style: ts,),onTap:() {tc.text+="🧐";},),
GestureDetector(child: Text("😕",style: ts,),onTap:() {tc.text+="😕";},),
GestureDetector(child: Text("😟",style: ts,),onTap:() {tc.text+="😟";},),
GestureDetector(child: Text("🙁",style: ts,),onTap:() {tc.text+="🙁";},),
GestureDetector(child: Text("☹️",style: ts,),onTap:() {tc.text+="☹️";},),
GestureDetector(child: Text("😮",style: ts,),onTap:() {tc.text+="😮";},),
GestureDetector(child: Text("😯",style: ts,),onTap:() {tc.text+="😯";},),
GestureDetector(child: Text("😲",style: ts,),onTap:() {tc.text+="😲";},),
GestureDetector(child: Text("😳",style: ts,),onTap:() {tc.text+="😳";},),
GestureDetector(child: Text("😦",style: ts,),onTap:() {tc.text+="😦";},),
GestureDetector(child: Text("😧",style: ts,),onTap:() {tc.text+="😧";},),
GestureDetector(child: Text("😨",style: ts,),onTap:() {tc.text+="😨";},),
GestureDetector(child: Text("👿",style: ts,),onTap:() {tc.text+="👿";},),
GestureDetector(child: Text("😈",style: ts,),onTap:() {tc.text+="😈";},),
GestureDetector(child: Text("😠",style: ts,),onTap:() {tc.text+="😠";},),
GestureDetector(child: Text("😡",style: ts,),onTap:() {tc.text+="😡";},),
GestureDetector(child: Text("😤",style: ts,),onTap:() {tc.text+="😤";},),
GestureDetector(child: Text("😫",style: ts,),onTap:() {tc.text+="😫";},),
GestureDetector(child: Text("😩",style: ts,),onTap:() {tc.text+="😩";},),
GestureDetector(child: Text("😓",style: ts,),onTap:() {tc.text+="😓";},),
GestureDetector(child: Text("😞",style: ts,),onTap:() {tc.text+="😞";},),
GestureDetector(child: Text("😣",style: ts,),onTap:() {tc.text+="😣";},),
GestureDetector(child: Text("😖",style: ts,),onTap:() {tc.text+="😖";},),
GestureDetector(child: Text("😱",style: ts,),onTap:() {tc.text+="😱";},),
GestureDetector(child: Text("😭",style: ts,),onTap:() {tc.text+="😭";},),
GestureDetector(child: Text("😢",style: ts,),onTap:() {tc.text+="😢";},),
GestureDetector(child: Text("😥",style: ts,),onTap:() {tc.text+="😥";},),
GestureDetector(child: Text("😰",style: ts,),onTap:() {tc.text+="😰";},),
GestureDetector(child: Text("💘",style: ts,),onTap:() {tc.text+="💘";},),
GestureDetector(child: Text("💝",style: ts_header,),onTap:() {tc.text+="💝";},),//85
GestureDetector(child: Text("💖",style: ts_header,),onTap:() {tc.text+="💖";},),//86
GestureDetector(child: Text("💗",style: ts_header,),onTap:() {tc.text+="💗";},),//87
GestureDetector(child: Text("💓",style: ts_header,),onTap:() {tc.text+="💓";},),//88
GestureDetector(child: Text("💞",style: ts_header,),onTap:() {tc.text+="💞";},),//89
GestureDetector(child: Text("💕",style: ts_header,),onTap:() {tc.text+="💕";},),//90
GestureDetector(child: Text("💬",style: ts_header,),onTap:() {tc.text+="💬";},),//91
  ];
  return data;
}

 

 

Jornici
关注
flutter 仿豆瓣点评
07-09
仿照豆瓣电影点评做的flutter案列，供大家学习时参考。
flutter混合开发解决输入框被键盘遮挡的问题
01-20
在Flutter混合开发中，经常会遇到一个困扰开发者的问题，即当用户在输入框中输入时，软键盘弹出导致底部的输入框被遮挡。这个问题在Android平台上尤为常见，因为Android系统的键盘处理机制与iOS有所不同。本文将详细...
用flutter 写个评论输入框
weixin_42611177的博客
02-10 140
好的，下面是一份使用 Flutter 实现评论输入框的代码示例： import 'package:flutter/material.dart'; class CommentInput extends StatefulWidget { @override _CommentInputState createState() => _CommentInputState(); } clas...
探索Flutter应用评论插件：app_review
最新发布
gitblog_00626的博客
09-25 482
探索Flutter应用评论插件：app_review app_review App Review - Request and Write Reviews and Open Store Listing for Android and iOS in Flutter. Maintainer: @rodydavis ...
flutter 底部输入框 聊天输入框 Flexible
weixin_34061555的博客
12-09 2622
2019独角兽企业重金招聘Python工程师标准>>> ...
flutter中【底部弹出输入框】实现
season_26的博客
05-24 2265
图二，如果为return SizedBox给弹窗设置背景色为white，输入框看不清楚。子组件接收到这个函数，在对应位置调用这个函数，将内部值作为函数参数（父组件对该函数作具体规定，如对接收的参数作何处理等），父组件就拿到了弹窗内的值。图一，为return Container设置背景色为white，输入框的灰色十分明显。官网的两种示例，一种是直角弹窗，一种是圆角弹窗。，其背景色会覆盖弹窗的背景色设置，弹窗背景色就无法被看到。针对函数的封装，可以封装为一个类，也可以封装为单独的函数。
Flutter 完美的验证码输入框实现
08-19
如果页面还有其他输入框，那么就不一定要获取焦点了，因此是否获取焦点需要交给用户来决定。 VerificationBox控件 VerificationBox控件是我们实现验证码输入框的核心控件。我们可以通过VerificationBox控件的各种...
FlutterBoost是一个Flutter插件它可以轻松地为现有原生应用程序提供Flutter混合集成方案
08-07
FlutterBoost的理念是将Flutter像Webview那样来使用。在现有应用程序中同时管理Native页面和Flutter页面并非易事。 FlutterBoost帮你处理页面的映射和跳转，你只需关心页面的名字和参数即可（通常可以是URL）
Flutter漂亮登陆界面，TextField回车光标、焦点跳转下个TextField，最后一个自动点击登陆，源码提供下载
05-28
flutter在开发登陆界面的时候，输入内容后回车光标要跳转到下个TextField，有时FocusScope.of(context).requestFocus，不起作用，经过多次查找资料，最后找到一个相对适应实际应用的方法，提供源码下载 ，请查阅！...
flutter 封装评论回复弹出键盘输入框组件
Emperor灬fly的博客
09-03 3177
       本来打算开启下一段作死旅行的，后来想了想还是先把flutter这段不堪回首的作死往事总结一下吧，好了，如之前的博文一样，不知不觉又开始废话连篇了。（ps：这么爱讲废话，不知道自己去日记）。        这次flutter重构之旅包含部分社区的功能，社区又怎么能少了正常的用户交流呢，所以一个评论回复而且能发图不发种，xx万人捅的发布组件呼之欲出。思来想去，
悬浮评论输入框
01-29
输入kuang实现的是像朋友圈，qq空间或微博的app看到输入评论的操作，点击回复，在视图的下面立即显示一个输入框。输入我们的文字后点击发送就可以。输入框自动调整大小，根据键盘位置自己调整在手机界面上的位置。
Flutter 车牌号键盘和输入框底部弹框
Choi晨的博客
02-15 1285
Flutter版的车牌号输入键盘和输入框，样式和12123类似 ，支持键盘和输入框分开使用；都是使用Widget组装，然后处理一下逻辑；
flutter底部固定软键盘挡住输入框
qq_42148925的博客
10-20 1262
flutter底部固定软键盘挡住输入框 首先做一个固定低部栏第一时间想到**bottomNavigationBar属性然后底部固定了固定栏第二个问题来了在bottomNavigationBar**里面的输入框软键盘会挡住输入框 百度了一下才知道软键盘必须放在body属性里面才能不挡住输入框 所以问题就变成了在body里面如何写一个固定的地部栏 body: Column( children: [ Expanded( c
android 评论输入框（PopupWindow）
y1361408906的博客
06-12 2676
1、先定义一个按钮（activity_main） <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" andr...
flutter 底部输入框被键盘遮挡问题
qq_43465781的博客
02-28 579
1.底部输入框被弹起的键盘遮挡 解决 页面元素的最外层嵌套一层 SingleChildScrollView并将resizeToAvoidBottomInset设置为true： child: Scaffold( appBar: AppBar(...), body: Container( child: SingleChildScrollView( child: body(...),
Flutter的菜鸟教程十六:输入框
duo_shine的博客
07-29 7807
本文要学习新的内容,接收用户输入 /** *输入文本 */ import 'package:flutter/material.dart'; import 'package:flutter/animation.dart'; void main() { runApp(new MaterialApp( title: &quot;input&quot;, home: new Scaffold( ...
在评论输入框中插入表情
越陌度阡
03-03 1178
最近在做一个后台管理系统，要求可以对前台用户的作品进行评论，而评论要可以输入表情，常规的文字输入框都是用的文本域textarea来做的，但这种输入框只能输入文字，没有办法输入表情图标，这个时候可编辑div就能起到作用了，那么如何在可编辑的div中插入表情呢？ 要完成这个功能得用到 selection以及 range，selection 对象由 window.getSelection() 方法获......
【小程序】点击评论弹出输入框，自定义输入框，防止遮盖。
29的博客
05-12 7731
一、目的 解决输入框被遮盖问题 自定义输入框样式 二、前期效果 .commentInputView{ width: 100%; background-color: rgba(204, 204, 204, 0.61); padding: 4%; position: fixed; display: flex; justify-content: space-betw...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值