flutter文本输入框使用

已于 2024-09-04 11:17:44 修改
阅读量332 收藏
点赞数 4
分类专栏： Flutter 文章标签： flutter TextField Decoration keyboardType TextInputType
于 2024-09-03 10:05:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangying1994/article/details/141828769
版权

在Flutter中，实现输入框一般使用TextField，通过设置它的属性给输入框和内部文字设置不同的样式。

Flutter 输入框实现简单例子

import 'package:flutter/material.dart';

class MyEditPage extends StatelessWidget {
  const MyEditPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("My EditText"),
      ),
      //body 是否延伸到底部控件
      extendBody: true,
      body: Column(
        children: [
          //Spacer创建一个可调整的空间隔，可用于调整Flex容器（如行或列）中窗口小部件之间的间距。
          const Spacer(),
          const Spacer(),
          Container(
              //通常用于给一个盒子的四边设置边距，用这个对象可以设置内边距。
              margin: const EdgeInsets.all(10),
              child: const Center(
                child: TextField(
                  minLines: 1, //必须填1，输入内容才可居中，其他默认是左上对齐
                  maxLines: 10, //最多行数，大于1即可
                  decoration: InputDecoration(
                    border: OutlineInputBorder(
                        borderRadius: BorderRadius.all(Radius.circular(10)),
                        //圆角
                        borderSide: BorderSide(width: 1, color: Colors.yellow)),
                    focusedBorder: OutlineInputBorder(
                        borderRadius: BorderRadius.all(Radius.circular(10)),
                        //圆角
                        borderSide: BorderSide(width: 1, color: Colors.yellow)),
                    enabledBorder: OutlineInputBorder(
                        borderRadius: BorderRadius.all(Radius.circular(10)),
                        //圆角
                        borderSide: BorderSide(width: 1, color: Colors.yellow)),
                    errorBorder: OutlineInputBorder(
                        borderRadius: BorderRadius.all(Radius.circular(10)),
                        //圆角
                        borderSide: BorderSide(width: 1, color: Colors.yellow)),
                    disabledBorder: OutlineInputBorder(
                        borderRadius: BorderRadius.all(Radius.circular(10)),
                        //圆角
                        borderSide: BorderSide(width: 1, color: Colors.yellow)),
                    fillColor: Colors.white,
                    filled: true,
                    contentPadding: const EdgeInsets.all(5),
                  ),
                ),
              ))
        ],
      ),
    );
  }
}

下述代码可以抽出来： 

OutlineInputBorder(
      borderRadius: BorderRadius.all(Radius.circular(10)), //圆角
      borderSide: BorderSide(width: 1, color: Colors.yellow))

static const border = OutlineInputBorder(
      borderRadius: BorderRadius.all(Radius.circular(10)), //圆角
      borderSide: BorderSide(width: 1, color: Colors.yellow));
class MyEditPage extends StatelessWidget {
  const MyEditPage({super.key});

  static const border = OutlineInputBorder(
      borderRadius: BorderRadius.all(Radius.circular(10)), //圆角
      borderSide: BorderSide(width: 1, color: Colors.yellow));

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("My EditText"),
      ),
      //body 是否延伸到底部控件
      extendBody: true,
      body: Column(
        children: [
          //Spacer创建一个可调整的空间隔，可用于调整Flex容器（如行或列）中窗口小部件之间的间距。
          const Spacer(),
          const Spacer(),
          Container(
              //通常用于给一个盒子的四边设置边距，用这个对象可以设置内边距。
              margin: const EdgeInsets.all(10),
              child: const Center(
                child: TextField(
                  minLines: 1, //必须填1，输入内容才可居中，其他默认是左上对齐
                  maxLines: 10, //最多行数，大于1即可
                  decoration: InputDecoration(
                    border: border,
                    focusedBorder: border,
                    enabledBorder: border,
                    errorBorder: border,
                    disabledBorder: border,
                    fillColor: Colors.white,
                    filled: true,
                    contentPadding: const EdgeInsets.all(5),
                  ),
                ),
              ))
        ],
      ),
    );
  }

  OutlineInputBorder getBorder() {
    OutlineInputBorder outlineInputBorder = const OutlineInputBorder(
        borderRadius: BorderRadius.all(Radius.circular(10)), //圆角
        borderSide: BorderSide(width: 1, color: Colors.blue));
    return outlineInputBorder;
  }
}

TextField介绍

TextField 是 Material Design 文本字段。它允许用户使用硬件键盘或屏幕键盘输入文本。每当用户更改TextField 中的文本时，TextField 都会调用 onChanged 回调。如果用户完成在TextField 中的输入（例如，通过按下软键盘上的按钮），TextField 将调用 onSubmitted 回调。

  const TextField({
    super.key,
    this.controller,
    this.focusNode,
    this.undoController,
    this.decoration = const InputDecoration(),
    TextInputType? keyboardType,
    this.textInputAction,
    this.textCapitalization = TextCapitalization.none,
    this.style,
    this.strutStyle,
    this.textAlign = TextAlign.start,
    this.textAlignVertical,
    this.textDirection,
    this.readOnly = false,
    @Deprecated(
      'Use `contextMenuBuilder` instead. '
      'This feature was deprecated after v3.3.0-0.5.pre.',
    )
    this.toolbarOptions,
    this.showCursor,
    this.autofocus = false,
    this.statesController,
    this.obscuringCharacter = '•',
    this.obscureText = false,
    this.autocorrect = true,
    SmartDashesType? smartDashesType,
    SmartQuotesType? smartQuotesType,
    this.enableSuggestions = true,
    this.maxLines = 1,
    this.minLines,
    this.expands = false,
    this.maxLength,
    this.maxLengthEnforcement,
    this.onChanged,
    this.onEditingComplete,
    this.onSubmitted,
    this.onAppPrivateCommand,
    this.inputFormatters,
    this.enabled,
    this.ignorePointers,
    this.cursorWidth = 2.0,
    this.cursorHeight,
    this.cursorRadius,
    this.cursorOpacityAnimates,
    this.cursorColor,
    this.cursorErrorColor,
    this.selectionHeightStyle = ui.BoxHeightStyle.tight,
    this.selectionWidthStyle = ui.BoxWidthStyle.tight,
    this.keyboardAppearance,
    this.scrollPadding = const EdgeInsets.all(20.0),
    this.dragStartBehavior = DragStartBehavior.start,
    bool? enableInteractiveSelection,
    this.selectionControls,
    this.onTap,
    this.onTapAlwaysCalled = false,
    this.onTapOutside,
    this.mouseCursor,
    this.buildCounter,
    this.scrollController,
    this.scrollPhysics,
    this.autofillHints = const <String>[],
    this.contentInsertionConfiguration,
    this.clipBehavior = Clip.hardEdge,
    this.restorationId,
    this.scribbleEnabled = true,
    this.enableIMEPersonalizedLearning = true,
    this.contextMenuBuilder = _defaultContextMenuBuilder,
    this.canRequestFocus = true,
    this.spellCheckConfiguration,
    this.magnifierConfiguration,
  })

获取TextField中信息

1.使用onChanged回调方法，将TextField当前的值保存在变量中。

class MyEditPage extends StatelessWidget {
  const MyEditPage({super.key});

  static const border = OutlineInputBorder(
      borderRadius: BorderRadius.all(Radius.circular(10)), //圆角
      borderSide: BorderSide(width: 1, color: Colors.yellow));

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("My EditText"),
      ),
      //body 是否延伸到底部控件
      extendBody: true,
      body: Column(
        children: [
          //Spacer创建一个可调整的空间隔，可用于调整Flex容器（如行或列）中窗口小部件之间的间距。
          const Spacer(),
          const Spacer(),
          Container(
              //通常用于给一个盒子的四边设置边距，用这个对象可以设置内边距。
              margin: const EdgeInsets.all(10),
              child:  Center(
                child: TextField(
                  onChanged: (String value) {
                    print("value:"+value);
                  },
                  minLines: 1, //必须填1，输入内容才可居中，其他默认是左上对齐
                  maxLines: 10, //最多行数，大于1即可
                  decoration: InputDecoration(
                    border: border,
                    focusedBorder: border,
                    enabledBorder: border,
                    errorBorder: border,
                    disabledBorder: border,
                    fillColor: Colors.white,
                    filled: true,
                    contentPadding: const EdgeInsets.all(5),
                  ),
                ),
              ))
        ],
      ),
    );
  }

  OutlineInputBorder getBorder() {
    OutlineInputBorder outlineInputBorder = const OutlineInputBorder(
        borderRadius: BorderRadius.all(Radius.circular(10)), //圆角
        borderSide: BorderSide(width: 1, color: Colors.blue));
    return outlineInputBorder;
  }
}


2024-09-03 11:45:37.758  5798-5832  flutter                        I  value:1
2024-09-03 11:45:37.994  5798-5832  flutter                        I  value:11
2024-09-03 11:45:38.437  5798-5832  flutter                        I  value:115
2024-09-03 11:45:38.668  5798-5832  flutter                        I  value:1155
2024-09-03 11:45:38.867  5798-5832  flutter                        I  value:11555
2024-09-03 11:45:39.066  5798-5832  flutter                        I  value:115555

 2.TextEditingController 控制器监听和控制TextField的文本

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class TextFieldPageState extends State {
  //文本框输入控制器
  TextEditingController controller = TextEditingController();

  //控制TextField焦点的获取与关闭
  FocusNode focusNode = FocusNode();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("TextField 标题"),
        actions: <Widget>[
          FloatingActionButton(
            child: Text(
              "Click",
              style: TextStyle(color: Colors.white),
            ),
            onPressed: () {
              //获取文本输入框内容
              String inputText = controller.text;
              print("文本输入框内容是：$inputText");
            },
          )
        ],
      ),
      body: Center(
        child: SizedBox(
          width: 400,
          height: 110,
          child: Container(
            color: Colors.white24,
            padding: EdgeInsets.all(10),
            alignment: Alignment(0, 0),
            child: TextField(
              controller: controller,
              onChanged: (value) {
                print("onChanged:$value");
              },
            ),
          ),
        ),
      ),
    );
  }

  @override
  void initState() {
    super.initState();

    String preText = "";
    //控制器，初始化的时候光标显示在文字后面
    controller = TextEditingController.fromValue(TextEditingValue(
        //用来设置初始化显示
        text: preText,
        selection: TextSelection.fromPosition(
            //用来设置文本的位置
            TextPosition(
                affinity: TextAffinity.downstream, offset: preText.length))));

    // 添加监听 当TextFeild 中内容发生变化 或者 焦点变动 都会触发回调
    // onChanged 当TextFeild文本发生改变时才会回调
    controller.addListener(() {
      String currentStr = controller.text;
      print("使用 Controller 监听 $currentStr");
    });
  }
}

class TextFieldHome extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return TextFieldPageState();
  }
}


2024-09-03 14:32:20.094 23776-23959 flutter                        I  使用 Controller 监听 1
2024-09-03 14:32:20.280 23776-23959 flutter                        I  使用 Controller 监听 15
2024-09-03 14:32:20.449 23776-23959 flutter                        I  使用 Controller 监听 155

3.TextField回调onEditingComplete & onSubmitted

 onEditingComplete: () {
                print("onEditingComplete:" "编辑完成——>" + controller.text);
              }

输入123点击回车： 

2024-09-03 14:45:45.778 28502-28537 flutter                 I  onEditingComplete:编辑完成——>123

   onSubmitted: (value) {
                print("onSubmitted:$value");
              }
2024-09-03 14:45:45.779 28502-28537 flutter                   I  onSubmitted:123
2024-09-03 14:45:49.374 28502-28537 flutter                   I  onSubmitted:123
2024-09-03 14:49:16.016 28502-28537 flutter                   I  onSubmitted:123

4.TextField焦点

TextField获得焦点表示TextField被激活并且任何来自键盘的输入都会被录入到获得焦点的TextField内。

4.1自动获得焦点

  autofocus: true
   child: TextField(
                  autofocus: true,
                  onChanged: (String value) {
                    print("value:" + value);
                  },
                  minLines: 1,
                  //必须填1，输入内容才可居中，其他默认是左上对齐
                  maxLines: 10,
                  //最多行数，大于1即可
                  decoration: InputDecoration(
                    border: border,
                    focusedBorder: border,
                    enabledBorder: border,
                    errorBorder: border,
                    disabledBorder: border,
                    fillColor: Colors.white,
                    filled: true,
                    contentPadding: const EdgeInsets.all(5),
                  ),
                )

 

4.2TextField自定义焦点切换

import 'package:flutter/material.dart';

class MyCustomTextFieldPage extends StatelessWidget {
  final nodeOne = FocusNode();
  final nodeTwo = FocusNode();

  MyCustomTextFieldPage({super.key});

  static const border = OutlineInputBorder(
      borderRadius: BorderRadius.all(Radius.circular(10)), //圆角
      borderSide: BorderSide(width: 1, color: Colors.yellow));

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("My EditText TEST")),
      extendBody: true,
      body: Column(
        children: [
          const Spacer(),
          const Spacer(),
          Container(
            margin: const EdgeInsets.all(10),
            child: Center(
              child: TextField(
                  autofocus: true,
                  focusNode: nodeOne,
                  minLines: 1,
                  //必须填1，输入内容才可居中，其他默认是左上对齐
                  maxLines: 10,
                  //最多行数，大于1即可
                  decoration: InputDecoration(
                    border: border,
                    focusedBorder: border,
                    enabledBorder: border,
                    errorBorder: border,
                    disabledBorder: border,
                    fillColor: Colors.white,
                    filled: true,
                    contentPadding: const EdgeInsets.all(5),
                  )),
            ),
          ),
          const Spacer(),
          Container(
            margin: const EdgeInsets.all(10),
            child: Center(
              child: TextField(
                  focusNode: nodeTwo,
                  minLines: 1,
                  //必须填1，输入内容才可居中，其他默认是左上对齐
                  maxLines: 10,
                  //最多行数，大于1即可
                  decoration: InputDecoration(
                    border: border,
                    focusedBorder: border,
                    enabledBorder: border,
                    errorBorder: border,
                    disabledBorder: border,
                    fillColor: Colors.white,
                    filled: true,
                    contentPadding: const EdgeInsets.all(5),
                  )),
            ),
          ),
          const Spacer(),
          const Spacer(),
          IconButton(
              onPressed: () {
                FocusScope.of(context).requestFocus(nodeTwo);
              },
              icon: Icon(Icons.accessible)),
          const Spacer(),
          const Spacer(),
        ],
      ),
    );
  }
}

上述代码实现自定义焦点切换

5.TextField键盘属性 

TextField可以定制和键盘相关的属性 （TextInputType）

5.1.键盘类型

TextInputType

TextField(keyboardType: TextInputType.number)

 /// All possible enum values.
  static const List<TextInputType> values = <TextInputType>[
    text, multiline, number, phone, datetime, emailAddress, url, visiblePassword, name, streetAddress, none,
  ];

5.2.键盘操作按钮

TextField的textInputAction可以更改键盘本身的操作按钮。

 textInputAction: TextInputAction.send,

enum TextInputAction {
  none,
  unspecified,
  done,
  go,
  search,
  send,
  next,
  previous,
  continueAction,
  join,
  route,
  emergencyCall,
  newline,
}

5.3文本大写

TextField可以对用户输入的文本进行大写化设置。

textCapitalization: TextCapitalization.characters

TextCapitalization.characters:所有字符都大写。 

 

 child: TextField(
                    textCapitalization: TextCapitalization.sentences,
                    textInputAction: TextInputAction.send,
                    keyboardType: TextInputType.text,
                    autofocus: true,
                    minLines: 1,
                    //必须填1，输入内容才可居中，其他默认是左上对齐
                    maxLines: 10,
                    //最多行数，大于1即可
                    decoration: InputDecoration(
                      border: border,
                      focusedBorder: border,
                      enabledBorder: border,
                      errorBorder: border,
                      disabledBorder: border,
                      fillColor: Colors.white,
                      filled: true,
                      contentPadding: const EdgeInsets.all(5),
                    ))
enum TextCapitalization {
  /// Defaults to an uppercase keyboard for the first letter of each word.
  ///
  /// Corresponds to `InputType.TYPE_TEXT_FLAG_CAP_WORDS` on Android, and
  /// `UITextAutocapitalizationTypeWords` on iOS.
  words,

  /// Defaults to an uppercase keyboard for the first letter of each sentence.
  ///
  /// Corresponds to `InputType.TYPE_TEXT_FLAG_CAP_SENTENCES` on Android, and
  /// `UITextAutocapitalizationTypeSentences` on iOS.
  sentences,

  /// Defaults to an uppercase keyboard for each character.
  ///
  /// Corresponds to `InputType.TYPE_TEXT_FLAG_CAP_CHARACTERS` on Android, and
  /// `UITextAutocapitalizationTypeAllCharacters` on iOS.
  characters,

  /// Defaults to a lowercase keyboard.
  none,
}

6.文本对齐

TextAlign属性设置TextField内容对齐方式

textAlign: TextAlign.center

 

enum TextAlign {
  left,
  right,
  center,
  justify,
  start,
  end,
}

7.文本样式

style属性用来更改TextField文本的样式。 例如颜色，字体大小等。

      style: TextStyle(color: Colors.blue, fontWeight: FontWeight.w800),

 

8.光标样式 

TextField可以自定义光标。 例如光标颜色，宽度和半径。

child: TextField(
	cursorColor: Colors.red,
	cursorRadius: Radius.circular(10.0),
	cursorWidth: 5,)

9.控制最大字符数

 maxLength: 4

设置maxLength后，TextField默认添加一个长度计数器。 

10.TextField设置最大行数

 maxLines: 10

如果只设置最大行数TextField会被撑起来。 

 

11.隐藏文本内容

 obscureText: true,

minLines: 1,
obscureText: true,
maxLines: 1

obscureText要生效的话，maxLines需要设置为1. 

12.装饰TextField 

decoration: InputDecoration(
  hintText: "这是提示文案")

decoration: InputDecoration(
			  labelText: '这是LABEL文案')

13.图标

decoration: InputDecoration(
  icon: Icon(Icons.alarm),)
  
  
decoration: InputDecoration(
  prefixIcon: Icon(Icons.alarm),)
  
  
decoration: InputDecoration(
  prefix: CircularProgressIndicator(),)

14.用hintStyle修改hint样式 

hintStyle: TextStyle(fontWeight: FontWeight.w500, color: Colors.blue),

15.帮助性提示 

帮助性提示会一直显示在输入框下部

decoration: InputDecoration(
  icon: Icon(Icons.alarm),
  helperText: 'help!')

16.使用decoration: null或者InputDecoration.collapsed可以去除默认的下划线

 decoration: InputDecoration.collapsed(hintText: "")

17. 使用border给TextField设置边框

static const border = OutlineInputBorder(
  borderRadius: BorderRadius.all(Radius.circular(10)), 
  borderSide: BorderSide(width: 1, color: Colors.yellow));

decoration: InputDecoration(
  border: border,
  focusedBorder: border,
  enabledBorder: border,
  errorBorder: border,
  disabledBorder: border,
  fillColor: Colors.white,
  filled: true,
  contentPadding: const EdgeInsets.all(5),
)

且听真言
关注
  • 4
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Flutter中的文本输入框组件TextField
越陌度阡
01-01 7353
Flutter中的文本输入框使用TextField 这个组件来表示。 主要的属性如下： 1.
Flutter 封装一个通用的文本输入框
Flutter 跨平台技术研究
11-22 486
上一篇Flutter 开发常用的登录页面提到了文本框封装度不够，导致代码复用性不高的问题。在实际开发过程中，往往开始是完成功能层面的开发，然而再考虑组件封装和代码优化。当然，组件封装越早做越好，因为这样会提高整个团队开发的规范性和效率。 UI组件封装的考虑要点 封装一个 UI 组件，通常需要考虑下面这三个点： 接口如何定义：即组件接收什么输入参数来控制组件的外观和行为； 与业务分离：UI 组件应当只负责界面，而不负责业务，具体的业务应当由业务层完成； 简单易用：因为是 UI 组件，要尽可能地简单易用，.
Flutter文本输入框-TextField
qq_34240569的博客
06-15 2667
TextField 文本输入框，类似Android中的EditText TextField( cursorColor: Colors.blue, cursorHeight: 15, cursorRadius: Radius.circular(10), cursorWidth: 2, showCursor: true, controller: _controller, focusNode: _focusNode, obscuringCharacter: "-", obscu
Flutter TextField 输入框 简单使用
qq_28845393的博客
07-02 3768
也有多种属性，但都比较简单，所以不必担心，且听我娓娓道来。风格的输入框，本身有多种属性，除此之外装饰器。
Flutter文本输入框TextField属性（InputDecoration、textInputAction、inputFormatters等等）详解
热门推荐
喻志强的博客
03-06 11万+
TextField 构造方法：
flutter实现输入框撤销、重写功能
06-16
在Flutter开发中，创建具有撤销和重写功能的输入框是一项常见的需求，这通常涉及到文本编辑和用户交互的增强。本篇文章将详细讲解如何利用Flutter的Widget和数据结构来实现这个功能。 首先，我们需要理解撤销和重做...
Flutter textFeild输入框和选择框
jiahua123_dongzhou的博客
08-31 3867
Flutter文本框TextField 目录 参数详解 代码示例 [ 效果图](https://blog.csdn.net/ruoshui_t/article/details/90578161?ops_request_misc=%7B%22request%5Fid%22%3A%22159884301219725264645373%22%2C%22scm%22%3A%2220140713.130102334…%22%7D&request_id=159884301219725264645373&
Flutter之CRC校验
nonagontech的博客
08-30 1057
Flutter之CRC校验
Flutter基本组件Text使用
最新发布
且听真言
09-04 158
Text是一个文本显示控件，用于在应用程序界面中显示单行或多行文本内容。
网络安全 day4 --- APP架构&小程序&H5+Vue语言&Web封装&原生开发&Flutter
2302_81156108的博客
09-04 593
学习网络安全的一点点心得，希望对大家起到一定帮助。
Flutter修改Android包名
nonagontech的博客
09-02 483
Flutter修改Android包名
Vue 3 组合式 API
lwaner的博客
09-04 416
也就是组件是按照不同的选项来进行规划的，而不是按照组件的功能组成来进行规划的。版本的新增语法，该语法可以在大型组件中按照组件的各个功能对代码进行功能区域的划分，这样可以更加方便的管理并维护代码，同时也更好地体现了代码之间的逻辑关系。钩子函数的回调函数中，回调函数是一个使用箭头函数书写的格式。当单击页面中的命令按钮时，无序列表显示另外六个星座的名称。数据进行了侦听，同时使用了侦听属性的immediate 属性，即立即执行的侦听属性特性。➢ 钩子函数的参数是一个回调函数，具体的代码要书写在这个回调函数中。
【Flutter】Flutter安装和配置（mac）
小菜张的博客
09-04 689
Flutter安装和配置（mac）、Android sdk的安装
Flutter的升级和降级步骤
nonagontech的博客
09-04 364
Flutter的升级和降级步骤
Flutter集成Firebase框架
nonagontech的博客
09-04 724
Flutter集成Firebase框架要完成以下内容在Firebase网页端创建一个项目在终端全局安装Firebase工具，使电脑可以访问Firebase中的项目内容在终端中全局安装FlutterFire工具，使项目和Firebase项目工具项目中按照firebase_core插件，使项目可以使用Firebase中的多个工具。
flutter 提示框2 Dialog
rf344541393的博客
09-03 416
child里放自己喜欢的。
Flutter 创建项目时指定原生项目编程语言
nadeal在写博客
09-04 140
最近，因工作需要，开始接触Flutter方面的开发。虽然对于App端都有开发经验，但都是原生代码。之前也接触过UniApp方面的开发，并成功上线。今天起，转入Flutter方面的开发工作。而有时候，由于之前项目代码是原生的，所以需要指定原生项目编程语言。，如果想选择不同的语言可以按照下面的几种方法进行创建。注意：现在flutter创建的项目默认是。
微信小程序书店（微信端）+源代码+演示视频.zip
09-04
互联网发展至今，无论是其理论还是技术都已经成熟，而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播，搭配信息管理工具可以很好地为人们提供服务。针对高校教师成果信息管理混乱，出错率高，信息安全性差，劳动强度大，费时费力等问题，采用微信小程序书店可以有效管理，使信息管理能够更加科学和规范。 微信小程序书店使用Java语言进行编码，使用Mysql创建数据表保存本系统产生的数据。系统可以提供信息显示和相应服务，其管理微信小程序书店信息，查看微信小程序书店信息，管理微信小程序书店。 总之，微信小程序书店集中管理信息，有着保密性强，效率高，存储空间大，成本低等诸多优点。它可以降低信息管理成本，实现信息管理计算机化。 关键词：微信小程序书店；Java语言；Mysql
flutter 聊天输入框
03-04
Flutter聊天输入框是一个用于在Flutter应用程序中实现聊天功能的UI组件。它通常包括一个文本输入框，一个发送按钮和一些其他的可选功能，如表情符号选择器、图片选择器等。开发人员可以使用Flutter聊天输入框来快速构建具有聊天功能的应用程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值