Flutter 颤振-点击时动态更改文本输入类型和输入格式

我想在点击时动态更改文本字段的文本输入类型和输入格式设置。但是问题是，一旦文本输入类型完成，它就不会在点击时更改，而标签文本的行为与预期一致

我做了如下的事情

bool joinlinkname = false;
joinchanged() {
  if (joinlinkname == false) {
    setState(() {
      joinlinkname = true;
    });
  } else {
    setState(() {
    joinlinkname = false;
    });
  }
} 

TextField(
  keyboardType: joinlinkname? TextInputType.text : TextInputType.phone,
  labelText: joinlinkname ? 'num' : "text",
  inputFormatters: [joinlinkname ? 
    FilteringTextInputFormatter.allow(RegExp('[azAZ09]')):FilteringTextInputFormatter.allow(RegExp('[0-9]')),
  ],
),

GestureDetector(
  onTap: () {
    joinchanged();
  },
  child: Text(joinlinkname ? 'number' : 'text',
              style: TextStyle(
              color: Colors.blue,
              fontSize: 12,
              ),
         ),
 ),

---

有人能告诉你怎么做吗？

你可以在下面复制粘贴运行完整代码
您可以使用

ValueListenableBuilder

和

ValueNotifier

您还需要

FocusNode

来控制键盘
您可以看到下面的工作演示
代码片段

final ValueNotifier<bool> joinlinkname = ValueNotifier<bool>(false);
...
joinchanged() async {
    FocusManager.instance.primaryFocus.unfocus();
    joinlinkname.value = !joinlinkname.value;
    await Future.delayed(Duration(milliseconds: 500), () {});
    myFocusNode.requestFocus();
  }
...  
ValueListenableBuilder(
          builder: (BuildContext context, bool value, Widget child) {
            return Column(
              children: [
                GestureDetector(
                  onTap: () {
                    joinchanged();
                  },
                  child: Text(
                    joinlinkname.value ? 'number' : 'text',
                    style: TextStyle(
                      color: Colors.blue,
                      fontSize: 12,
                    ),
                  ),
                ),
                TextField(
                  focusNode: myFocusNode,
                  keyboardType: joinlinkname.value
                      ? TextInputType.phone  

final ValueNotifier joinlinkname=ValueNotifier（false）；
...
joinchanged（）异步{
FocusManager.instance.primaryFocus.unfocus（）；
joinlinkname.value=！joinlinkname.value；
等待未来。延迟（持续时间（毫秒：500），（{}）；
myFocusNode.requestFocus（）；
}
...  
ValueListenableBuilder(
生成器：（BuildContext上下文、bool值、小部件子项）{
返回列(
儿童：[
手势检测器(
onTap:（）{
joinchanged（）；
},
子：文本(
joinlinkname.value？'number'：'text'，
样式：TextStyle(
颜色：颜色，蓝色，
尺寸：12，
),
),
),
文本字段(
focusNode:myFocusNode，
键盘类型：joinlinkname.value
？TextInputType.phone

工作演示

完整代码

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

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

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

class _MyHomePageState extends State<MyHomePage> {
  final ValueNotifier<bool> joinlinkname = ValueNotifier<bool>(false);
  FocusNode myFocusNode;

  @override
  void initState() {
    super.initState();
    myFocusNode = FocusNode();
  }

  @override
  void dispose() {
    myFocusNode.dispose();
    super.dispose();
  }

  joinchanged() async {
    FocusManager.instance.primaryFocus.unfocus();
    joinlinkname.value = !joinlinkname.value;
    await Future.delayed(Duration(milliseconds: 500), () {});
    myFocusNode.requestFocus();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(widget.title)),
      body: Center(
        child: ValueListenableBuilder(
          builder: (BuildContext context, bool value, Widget child) {
            return Column(
              children: [
                GestureDetector(
                  onTap: () {
                    joinchanged();
                  },
                  child: Text(
                    joinlinkname.value ? 'number' : 'text',
                    style: TextStyle(
                      color: Colors.blue,
                      fontSize: 12,
                    ),
                  ),
                ),
                TextField(
                  focusNode: myFocusNode,
                  keyboardType: joinlinkname.value
                      ? TextInputType.phone
                      : TextInputType.text,
                  decoration: InputDecoration(
                    labelText: joinlinkname.value ? 'num' : "text",
                  ),
                  inputFormatters: [
                    joinlinkname.value
                        ? FilteringTextInputFormatter.allow(RegExp('[0-9]'))
                        : FilteringTextInputFormatter.allow(RegExp('[azAZ09]')),
                  ],
                ),
              ],
            );
          },
          valueListenable: joinlinkname,
        ),
      ),
    );
  }
}

导入“包装：颤振/材料.省道”；
导入“包：flifter/services.dart”；
void main（）{
runApp（MyApp（））；
}
类MyApp扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回材料PP(
标题：“颤振演示”，
主题：主题数据(
主样本：颜色。蓝色，
视觉密度：视觉密度。自适应平台密度，
),
主页：MyHomePage（标题：“颤振演示主页”），
);
}
}
类MyHomePage扩展StatefulWidget{
MyHomePage（{Key，this.title}）：超级（Key:Key）；
最后的字符串标题；
@凌驾
_MyHomePageState createState（）=>\u MyHomePageState（）；
}
类_MyHomePageState扩展状态{
最终ValueNotifier joinlinkname=ValueNotifier（假）；
粘液囊；
@凌驾
void initState（）{
super.initState（）；
myFocusNode=FocusNode（）；
}
@凌驾
无效处置（）{
myFocusNode.dispose（）；
super.dispose（）；
}
joinchanged（）异步{
FocusManager.instance.primaryFocus.unfocus（）；
joinlinkname.value=！joinlinkname.value；
等待未来。延迟（持续时间（毫秒：500），（{}）；
myFocusNode.requestFocus（）；
}
@凌驾
小部件构建（构建上下文）{
返回脚手架(
appBar:appBar（标题：Text（widget.title）），
正文：中(
子项：ValueListenableBuilder(
生成器：（BuildContext上下文、bool值、小部件子项）{
返回列(
儿童：[
手势检测器(
onTap:（）{
joinchanged（）；
},
子：文本(
joinlinkname.value？'number'：'text'，
样式：TextStyle(
颜色：颜色，蓝色，
尺寸：12，
),
),
),
文本字段(
focusNode:myFocusNode，
键盘类型：joinlinkname.value
？TextInputType.phone
：TextInputType.text，
装饰：输入装饰(
labelText:joinlinkname.value？'num'：“text”，
),
输入格式化程序：[
joinlinkname.value
？FilteringtExputFormatter.allow（RegExp（“[0-9]”）
：FilteringtExputFormatter.allow（RegExp（“[azAZ09]”）），
],
),
],
);
},
valueListenable:joinlinkname，
),
),
);
}
}

提前感谢大家！！！非常感谢！！！@chunhunghan，也许你也能帮我解决这个问题。。