flutter: как добавить кнопку Apple Pay в соответствии с рекомендациями Apple

У Flutter нет ни кнопки, как Apple Pay, ни значка яблока.

Итак, здесь вы можете сделать две вещи: ›

1. Добавьте собственный значок Apple

2. Добавьте изображение Apple вместо значка (думаю, вы это знаете)

[Сообщите мне, если вы не знаете, как добавить изображение]

а затем вы можете создать такую ​​кнопку ...

1. Посетите этот сайт, выполните поиск по яблоку и выберите логотип Apple, а не логотип Apple Pay,

   Измените имя файла с MyFlutterApp на Custom и загрузите его,

   Извлеките файлы, добавьте файл dart в папку lib

   также и файл Custom.ttf в (папка с ресурсами или шрифтами или где угодно)

   и добавьте его в раздел шрифтов в pubspec.yaml, как показано в коде

Вот код:

//pubspec.yaml ->
fonts:
  - family: Custom
    fonts:
      - assets/Custom.ttf //path of Custom.ttf in you project

//Dart file where you will add Apple pay button
import'custom_icons.dart' as CustomIcon;//custom_icons.dart is one of the downloaded file

//THIS IS THE NORMAL WAY TO CREATE A BUTTON
RaisedButton(
  color: Colors.black,
  onPressed: (){ 
    //ADD THE FUNCTIONS OF THIS BUTTON HERE
  },
  child: Row(
    mainAxisAlignment: MainAxisAlignment.center,
    children: [
      Icon(CustomIcon.Custom.apple, color: Colors.white,),
      SizedBox(width: 8.0,),
      Text('Apple Pay', style: TextStyle(color: Colors.white),)
    ],
  ),
),

//USE THIS FOR CUSTOMISING YOUR BUTTON
Container(
  height: 30.0,
  width: double.infinity,
  decoration: BoxDecoration(
    borderRadius: BorderRadius.all(Radius.circular(8.0)),
    color: Colors.black
  ),
  child: GestureDetector(
    onTap: (){
      //ADD THE FUNCTIONS OF THIS BUTTON HERE
    },
    child: Row(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Icon(CustomIcon.Custom.apple, color: Colors.white,),
        SizedBox(width: 8.0,),
        Text('Apple Pay', style: TextStyle(color: Colors.white),)
      ],
    ),
  ),
),