【发布时间】：2022-01-19 16:21:18
【问题描述】：
我添加了一个带有 TextEditingController 的文本字段
class _MyAppState extends State<MyApp> {
late Future<Album> futureAlbum;
late TextEditingController nummerpladeController = new TextEditingController();
@override
void initState() {
super.initState();
futureAlbum = fetchAlbum();
}
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Fetch Data Example',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: Scaffold(
appBar: AppBar(
title: const Text('Fetch Data Example'),
),
body:
Padding(
padding: const EdgeInsets.all(8.0),
child: Column(
children: [
TextField(
controller: nummerpladeController,
onChanged: (str) {
setState(() {
str = nummerpladeController.text;
});
},
),
Center(
child: FutureBuilder<Album>(
future: futureAlbum,
builder: (context, snapshot) {
if (snapshot.hasData) {
return new Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Text("Registreringsnummer: ""${snapshot.data!.registration_number}"),
Text("Status: " "${snapshot.data!.status}"),
Text("Type: " "${snapshot.data!.type}"),
Text("Brug: " "${snapshot.data!.use}"),
Text("Første registrerings dato: ""${snapshot.data!.first_registration}"),
Text("Vin nummer: " "${snapshot.data!.vin}"),
Text("Mærke: " "${snapshot.data!.make}"),
Text("Model: " "${snapshot.data!.model}"),
Text("Variant: " "${snapshot.data!.variant}"),
Text("Model type: ""${snapshot.data!.model_type}"),
Text("Farve: " "${snapshot.data!.color}"),
Text("Bil type: " "${snapshot.data!.chasis_type}"),
Text("Brændstof: " "${snapshot.data!.fuel_type}"),
Text("Sidste syn: " "${snapshot.data!.date}"),
Text(nummerpladeController.text)
],
);
} else if (snapshot.hasError) {
return Text('${snapshot.error}');
}
// By default, show a loading spinner.
return const CircularProgressIndicator();
},
),
)
],
),
),
),
);
}
}
我尝试使用“Text(nummerpladeController.text)”并将文本字段中的值插入 api url。基本上是输入一个号码牌，将它的值插入到 api url 中以显示来自 api 的信息。
Future<Album> fetchAlbum() async {
final response = await http
.get(Uri.parse('https://v1.motorapi.dk/vehicles/(Value from textfield)'),
headers: {"X-AUTH-TOKEN": "rfrzsucnc7eo3m5hcmq6ljdzda1lz793",
"Content-Type": "application/json",
"Accept": "application/json",
});
if (response.statusCode == 200) {
// If the server did return a 200 OK response,
// then parse the JSON.
return Album.fromJson(jsonDecode(response.body));
} else {
// If the server did not return a 200 OK response,
// then throw an exception.
throw Exception('Failed to load album');
}
}
我不知道这是否会有所不同，但我的 Future 名列前茅，之后的课程。
【问题讨论】：
-
fetchAlbum在 initState 中被调用，这意味着在你输入任何内容之前fetchAlbum将被调用。 -
@nitishk72 我该如何解决这个问题，以便我可以从文本字段中获取值并将其插入 api url？
-
什么时候调用api？是否有任何按钮可以调用 api？
-
@nitishk72 不，我没有添加按钮，我是 Flutter 新手
-
@nitishk72 我给你发了一封电子邮件