在此輸入圖片說明 在此輸入圖片說明
我是顫振的新手，任何人都可以幫助我了解如何使用顫振實作螢屏截圖中所示的螢屏設計。
下面是我到目前為止所實作的代碼：Container( padding: E??dgeInsets.all(16.0), child: Row( children: [ Container( width: 50.0, height: 48.0, child: Padding( padding: const EdgeInsets.only() left: 5, right: 5), child: TextField( style: TextStyle( fontSize: 10.0, fontWeight: FontWeight.bold, color: Colors.black, ), autocorrect: true, Decoration: InputDecoration(hintStyle: TextStyle(color: Colors) .grey), fillColor: Colors.white70,focusedBorder: OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(10.0)), borderSide: BorderSide(color: Colors.greenAccent), ), ), )), ), Container( width: 50.0, height: 48.0, child: Padding( padding: const EdgeInsets.only(left: 5, right: 5), child: TextField( style: TextStyle( fontSize: 10.0, color: Colors.black, ), autocorrect:真，裝飾：InputDecoration（提示樣式：文本樣式（顏色：顏色。灰色），fillColor：Colors.white70，focusedBorder：OutlineInputBorder（borderRadius：BorderRadius.all（Radius.circular（10.0）），borderSide：BorderSide（顏色：Colors.greenAccent），），），）），），容器（寬度） : 50.0, height: 48.0, child: Padding( padding: const EdgeInsets.only(left: 5, right: 5), child: TextField( style: TextStyle( fontSize: 10.0, color: Colors.black, ), autocorrect: true ，裝飾：InputDecoration（hintStyle：TextStyle（顏色：Colors.grey），fillColor：Colors.white70，focusedBorder：OutlineInputBorder（borderRadius：BorderRadius.all（Radius.circular（10.0）），borderSide：BorderSide（顏色：Colors.greenAccent） , ), ), )), ), Container( width: 50.0, height: 48.0, child: Padding( padding: const EdgeInsets.only(left: 5, right: 5), child: TextField( style: TextStyle( fontSize: 10.0, 顏色: Colors.black, ), 自動更正: true, 裝飾:InputDecoration(hintStyle:TextStyle(color:Colors.grey),fillColor:Colors.white70,focusedBorder:OutlineInputBorder(borderRadius:BorderRadius.all(Radius.circular(10.0)),borderSide:BorderSide(color:Colors.greenAccent),), ), )), ), Container( width: 50.0, height: 48.0, child: Padding( padding: const EdgeInsets.only(left: 5, right: 5), child: TextField( style: TextStyle( fontSize: 10.0, color) : Colors.black, ), 自動更正: true, 裝飾: InputDecoration(hintStyle: TextStyle(color: Colors.grey), fillColor: Colors.white70,focusedBorder: OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(10.0)), borderSide: BorderSide(color: Colors.greenAccent), ), ), )), ), Container( width: 50.0, height: 48.0, child: Padding( padding: const EdgeInsets.only(left: 5, right: 5), child: TextField( style: TextStyle( fontSize: 10.0, color:Colors.black, )，自動更正：true，裝飾：InputDecoration(hintStyle：TextStyle(color：Colors.grey)，fillColor：Colors.white70，focusedBorder：OutlineInputBorder(borderRadius：BorderRadius.all(Radius.circular(10.0))，borderSide : BorderSide(color: Colors.greenAccent), ), ), )), ), ], ), ),
uj5u.com熱心網友回復：
https://github.com/ChiragKothiya1996/Flutter/blob/main/Otp.dart
使用此檔案顯示與您的 otp 視圖相同的內容
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/345331.html
標籤：扑