flutter pub add custom_pin_screen根據套件公開資料產生的選型評估，僅供參考。
一個 Flutter 套件，讓開發者能夠為行動與桌面應用程式實作可自訂的 PIN 輸入畫面，並搭配客製化鍵盤。它支援對 PIN、OTP 及密碼的安全輸入處理，提供彈性的設計與行為。此套件可無縫整合至 Android、iOS、Web、macOS、Windows 與 Linux，非常適合需要數字或自訂輸入的驗證流程。它提供簡潔的 API，用於樣式設定、驗證與回呼處理。
以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。
A flutter package to add screens with custom keyboards and pins to your mobile application.
dependencies:
custom_pin_screen: "^1.0.0"
import 'package:custom_pin_screen/custom_pin_screen.dart';
onPressed: (){
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => PinAuthentication(
onChanged: (v) {
if (kDebugMode) {
print(v);
}
},
onSpecialKeyTap: () {},
specialKey: const SizedBox(),
useFingerprint: true,
onbuttonClick: () {},
submitLabel: const Text(
'Submit',
style: TextStyle(color: Colors.white, fontSize: 20),
),
),
),
);
},
Column(
children: [
const Padding(
padding: EdgeInsets.symmetric(
horizontal: 35.0,
vertical: 35.0,
),
child: Text(
"How much do you want to fund your wallet with",
textAlign: TextAlign.center,
style: TextStyle(
color: Colors.blue,
fontWeight: FontWeight.w700,
fontSize: 18,
),
),
),
Expanded(
child: CustomAppKeyBoard(
onChanged: (v) {
if (kDebugMode) {
print(v);
}
},
onbuttonClick: () {
if (kDebugMode) {
print('clicked');
}
},
maxLength: 4,
submitLabel: const Text(
'Proceed',
style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.w700,
fontSize: 18,
),
),
// ),
))
],
)
For more info, please, refer to the main.dart in the example.
 |
 |
If you encounter any problems feel free to open an issue. If you feel the library is missing a feature, please raise a ticket on Github and I'll look into it. Pull request are also welcome.
This project is a starting point for a Flutter plug-in package, a specialized package that includes platform-specific implementation code for Android and/or iOS.
For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.
暫無相關資料。
