在Flutter中自定义创建的小部件中获取TextField的值
在Flutter中，可以通过以下步骤在自定义创建的小部件中获取TextField的值：
- 首先，在自定义小部件的类中定义一个TextField控件，并设置一个回调函数来处理输入的值。例如：
class MyCustomWidget extends StatelessWidget {
final ValueChanged<String> onValueChanged;
MyCustomWidget({required this.onValueChanged});
@override
Widget build(BuildContext context) {
return TextField(
onChanged: onValueChanged,
);
}
}- 在使用自定义小部件的地方，创建一个变量来存储TextField的值，并传递给自定义小部件的回调函数。例如：
class MyApp extends StatelessWidget {
String textFieldValue = '';
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Column(
children: [
MyCustomWidget(
onValueChanged: (value) {
textFieldValue = value;
},
),
Text('TextField的值：$textFieldValue'),
],
),
),
);
}
}在这个例子中，MyCustomWidget接收一个回调函数onValueChanged来处理TextField的值变化。在回调函数中，将TextField的值赋给textFieldValue变量。然后，在MyApp中使用MyCustomWidget，并显示textFieldValue的值。
这样，当用户在TextField中输入内容时，回调函数会被触发，将输入的值赋给textFieldValue变量，并更新界面上显示的值。
推荐的腾讯云相关产品：腾讯云移动开发平台（https://cloud.tencent.com/product/mpp）
请注意，以上答案仅供参考，具体实现方式可能因项目需求和个人偏好而有所不同。
相关·内容
4回答
如何在颤振中执行VoidCallback
dart、flutter
我正在尝试测试VoidCallback，所以我创建了主文件，该文件具有从小部件中的一个平面按钮调用的函数，该函数位于一个单独的文件中，但没有工作。
main.dart
import 'package:flutter/material.dart';
import 'controller_test.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
浏览 1提问于2018-12-22得票数 5
回答已采纳
2回答
如何从状态小部件中传递无状态小部件中的setState？
function、flutter、dart、flutter-layout
在下面的代码中，我将set状态作为一个函数调用传递到一个无状态的小部件中请提供意见以供协助。
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatefulWidget { //STATEFUL WIDGET
@override
_MyAppState createState() => _MyAppState();
浏览 4提问于2020-05-14得票数 2
回答已采纳
2回答
从方法开始SlideTransition的动画
animation、flutter
我一直在尝试让Container在我点击按钮时从屏幕底部移动到中间。但是，我不知道如何正确地执行动画，只有当我按下按钮。此外，当我调用_customWidget.startAnimation()方法时，似乎总是会发生一个错误，声明我调用了空函数。以下是我的问题： 我如何正确地访问MyCustomWidget中的startAnimation()，以及我应该如何构造代码，以便在按下按钮时只运行动画？ Main.dart： import 'package:flutter/material.dart';
import 'MyCustomWidget.dart';
v
浏览 24提问于2020-01-13得票数 1
回答已采纳
2回答
Flutter:访问另一个类/文件中的函数
flutter、dart
在下面的设置中，如何允许fileb.dart访问filea.dart中的函数reset
filea.dart
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Test',
theme: Theme
浏览 23提问于2020-05-23得票数 0
回答已采纳
1回答
为什么我不能让提供程序包侦听更改？
flutter、dart
因此，我正在编写一个非常简单的应用程序，只是为了更多地了解flutter中的provider包。应用程序是这样的： App functionallity 当我用mi TextField编写时，下面的文本应该改变，标题应该保持不变，但我不能让它从changeText方法监听更改。代码是 import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
void main() {
runApp(MyApp());
}
class MyApp extends St
浏览 16提问于2020-08-23得票数 0
1回答
如何截断文本并在textField中显示文本的左侧
flutter、dart
我有一个textfield (见下图)，当用户选择一个地址时，它会被复制到textfield中。问题是，即使textfield失去了焦点，您也看不到文本的开头。在此示例中，街道编号位于左侧并被截断。当失去焦点或以编程方式设置文本时，我希望textfield显示文本的最左侧，而不是右侧。我猜光标在末尾。但是当失去焦点时，没有光标，下面的textfield就有焦点。
我正在使用AutoComplete包。但这是代码。
library auto_complete_text_view;
import 'dart:async';
import 'package:fl
浏览 0提问于2020-06-16得票数 0
1回答
当将小部件拆分到另一个文件时，散焦点不起作用
flutter、dart、widget
我有main.dart
part 'home_page.dart';
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
static const String _judul = 'Private Chat';
@override
Widget build(BuildContext context) {
return GestureDetector(
onTap: () {
FocusScope.of
浏览 9提问于2021-12-23得票数 0
回答已采纳
1回答
我试图理解dispose模式，但我不知道在我的示例中何时何地调用BLoC ()。 我正在尝试理解Flutter中的各种状态管理技术。 我想出了一个使用StatefulWidget、scoped_model和streams构建的示例。 我相信我终于知道如何让我的示例使用"BloC“模式工作了，但是我在调用dispose()方法时遇到了问题，因为我只使用了StatelessWidgets。 我尝试将PageOne和PageTwo转换为StatefulWidget并调用dispose()，但最终在页面之间移动时过早地关闭了流。 在我的例子中，有没有可能我根本不应该担心手动关闭流？ impo
浏览 4提问于2019-04-22得票数 8
1回答
如何在不同屏幕中通过不同的类发送数据
dart、flutter
我在做一个应用程序的时候被击中了，我的代码是这样的
void main() {
runApp(Myapp());
}
class Myapp extends StatelessWidget {
bool s=false;
@override
Widget build(BuildContext context) {
return (MaterialApp(
debugShowCheckedModeBanner: false,
title: "haha app",
theme: ThemeData(primarySwatch: Colors.lime),
浏览 0提问于2018-12-10得票数 3
回答已采纳
2回答
颤振-如何在其他小部件中访问TextEditingController？
android、flutter、dart
我的textcontroller.控制器在TextField中有一个控制器在其他小部件(button.dart)中，我有一个按钮。如果我按下该按钮，它应该将我的文本小部件的文本设置为TextField的文本。只需与我的main.dart中的第一个按钮相同。如何从其他小部件(文件)访问此TextEditingController？
这是我的应用程序的视频，以更好地理解。
这是我的main.dart的完整代码
import 'button.dart';
void main() {
runApp(MyApp());
}
class MyApp extends Stateles
浏览 5提问于2020-07-30得票数 2
回答已采纳
2回答
有没有可能使单独的InkWell按钮与火库？颤动
android、ios、flutter、dart、mobile-development
我是Flutter上的新手，正在尝试用firebase做项目。在我的代码中，我可以写屏幕只有一个InkWell与卡，当我试图添加另一个InkWell，项目显示错误。那么我如何添加多个InkWell呢?这里是我的代码； import 'package:flutter/material.dart';
import 'package:whatsapp/home.dart';
import 'package:firebase_core/firebase_core.dart';
void main() async {
WidgetsFlutterB
浏览 27提问于2020-12-21得票数 0
1回答
为什么我的"Data"."data“没有使用ChangeNotifierProvider在ChangeNotifier类中更新？
flutter、flutter-provider、flutter-change-notifier
我是第一次接触flutter。我想问一下为什么我的文本字段的onChange没有触发："Provider.ofContext).updateData(newString);“。我的Provider.of(context).data的值不会更新，并且使用两个print语句时，总是只打印出'called1‘。 代码如下: import 'package:flutter/material.dart'；import 'package:provider/provider.dart'； void main() => runApp(MyApp());
浏览 25提问于2020-04-13得票数 1
回答已采纳
1回答
被提取的Widget内部的颤振滑块
flutter、widget、slider、setstate
好吧，我想说得更具体些。我的目标是将代码的部分细分为独立的小部件，以便主树尽可能保持干净。
在下面的示例中，我在一个中有一个主树。我已经成功地将带有按钮的容器转换为自己的小部件，使用提取将容器转换为Widget。按钮的constructor. setState在其中工作。
现在，我想对包含滑块的第二个容器进行同样的操作。但我不知道如何将Slider onChanged setState与构造函数一起处理，因为setState在提取的Widget中无法工作。
下面是代码示例，其中包含提取的Widget的工作按钮和仍然位于主树中的滑块。
import 'package:flutter/ma
浏览 0提问于2021-09-18得票数 1
回答已采纳
1回答
为什么我的程序在添加文本字段时崩溃？
flutter
我的代码非常简单： import 'package:flutter/material.dart';
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(title:"title", home: Scaffold(body: TextField()));
}
}
void main() {
runApp(MyApp());
} 无论我如何尝试包含文本字段，程序都会崩溃。我正在编译成
浏览 6提问于2021-07-06得票数 0
回答已采纳
发生以下现象。
从FirstPage到NextPage的Navigation.push转换。
选择TextField的NextPage。
再次呼叫1。
键盘搞定了。
再次呼叫1。
以下是来源。
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Mate
浏览 2提问于2019-02-21得票数 1
回答已采纳
2回答
非空局部变量“title”必须在使用之前被赋值。颤振误差
flutter、dart、state-management、non-nullable
我希望从textfield widget获取用户输入，并在title变量中赋值，如下面的代码所示
import 'package:flutter/material.dart';
class AddTaskScreen extends StatelessWidget {
final Function callBack; // function
AddTaskScreen({required this.callBack});
@override
Widget build(BuildContext context) {
String title; //
浏览 3提问于2021-09-30得票数 0
回答已采纳
3回答
在此提供程序示例中，尝试从这个简单的提供程序错误的小部件树外部侦听使用provider公开的值
flutter、provider
因此，为了了解如何使用它，我正在尝试使用提供程序包和所有东西，我的代码是：
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return ChangeNotifierProvider<Da
浏览 4提问于2021-04-01得票数 0
1回答
如何使我的文本字段填充可用的垂直空间？
flutter、dart、flutter-textformfield
我有以下小部件
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Playground',
th
浏览 2提问于2021-12-23得票数 0
回答已采纳
1回答
如何调整Flutter AppBar的边距？
flutter
如何自定义应用程序栏，使后退按钮不会离边框太近？我想要在所有页面上实现这一点。
我似乎无法为应用程序栏设置边距。
以下是我的代码
// General Theme
AppBarTheme(
centerTitle: true,
iconTheme: IconThemeData(color: Colors.black),
backgroundColor: Colors.transparent,
elevation: 0,
textTheme: TextTheme(
headline6: TextStyle(
color: k
浏览 144提问于2021-03-05得票数 0
2回答
在颤振上从另一个片段导航片段
android、flutter
这是否有可能像我们在android系统中那样快速地从一个片段导航到另一个片段呢？
AppCompatActivity activity = (AppCompatActivity) view.getContext();
Fragment myFragment = new MyFragment();
activity.getSupportFragmentManager().beginTransaction().replace(R.id.fragment_container, myFragment).addToBackStack(null).commit();
在我的代码中，我喜欢浏览内部页面。
i
浏览 1提问于2018-04-11得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
