1. ホーム
  2. flutter

[解決済み] flutterで丸みを帯びたTextFieldを作るには?

2023-03-04 16:35:22

質問

iOSのMaterial Designは見栄えが悪い、特に テキストフィールド . そこで、独自のものを作成する方法はあるのでしょうか?またはTextFieldにスタイルを追加し、丸みを帯びた外観にする方法はありますか?

どのように解決するのですか?

角丸をつけるには TextField の decoration パラメータ内に追加できます。

TextField(
  decoration: InputDecoration(
      border: OutlineInputBorder(
        borderRadius: BorderRadius.circular(10.0),
      ),
      filled: true,
      hintStyle: TextStyle(color: Colors.grey[800]),
      hintText: "Type in your text",
      fillColor: Colors.white70),
)