وضع CountryListPick في button في flutter

يمكنك إنشاء متغير باسم 

bool hideButton = false;

ثم إنشاء الزر الخاص بك و عند الضغط عليه يغير قيمة المتغير من false إلى true 

FlatButton(
  onPressed: () {
  setState(() {
  hideButton = !hideButton;
  });
  },
  child: Text("Country"),
),

هذا الكود كاملاً

import 'package:country_list_pick/country_list_pick.dart';
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  bool hideButton = false;
  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Country Code Pick'),
          backgroundColor: Colors.amber,
        ),
        body: Column(
          children: [
            FlatButton(
              onPressed: () {
                setState(() {
                  hideButton = !hideButton;
                });
              },
              child: Text("Country"),
            ),
            hideButton != false
                ? CountryListPick(
                    appBar: AppBar(
                      title: Text(''),
                    ),
                    theme: CountryTheme(
                      isShowFlag: true,
                      isShowTitle: true,
                      isShowCode: false,
                      isDownIcon: true,
                      showEnglishName: true,
                    ),
                    onChanged: (CountryCode code) {
                      setState(() {});
                    },
                  )
                : Container(),
          ],
        ),
      ),
    );
  }
}