我如何在顫動中制作這樣的 otp 頁面，請幫助我并分享特定照片的整個代碼，謝謝
uj5u.com熱心網友回復：
在 pubspec.yaml 中添加以下包
otp_text_field:
git:
url: https://github.com/AkashMore7427/OTPTextField
在您的 dart 檔案中添加以下匯入行
import 'package:otp_text_field/otp_field.dart';
import 'package:otp_text_field/otp_field_style.dart';
import 'package:otp_text_field/style.dart';
將以下代碼添加到您的正文中
Column(children: [
// Image.network("Add Image Link"),
Text(
"Enter verification Code",
),
Text(
"Code sent to [email protected]",
),
OTPTextField(
length: 4,
width: MediaQuery.of(context).size.width,
fieldWidth: 50,
style: TextStyle(fontSize: 17),
textFieldAlignment: MainAxisAlignment.spaceAround,
onCompleted: (pin) {
print("Completed: " pin);
},
otpFieldStyle: OtpFieldStyle(
borderColor: Colors.black,
)),
Text("Resend in 0:45"),
//Add Button Widget Here
]),
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/439428.html
上一篇：如何在mailchimp.com上創建帶有側邊欄的導航選單
下一篇：對齊磁區左下角