Флаттер: кнопка изображения обведена - PullRequest
0 голосов
/ 25 октября 2018

описание изображения здесь

я хочу централизовать 3 кнопки изображения на экране, одна над другой, с нажатой клавишей в каждой из них ниже есть мой стартовый код.

class Escolha extends StatelessWidget {
 @override
  Widget build(BuildContext context) {
   return MaterialApp(     
  home: Scaffold(
    appBar: AppBar(         
    ),
    body: Material(          
     elevation: 4.0,
       shape: CircleBorder(),
      color: Colors.transparent, 
       child: Ink.image(
        image: AssetImage('assets/logotipo.png'),
         fit: BoxFit.cover,
          width: 100.0,
           height: 120.0,
            child: InkWell(
               )    
                 )  
                   )
                ),
              );
           }
         }

1 Ответ

0 голосов
/ 25 октября 2018

Я сделал пользовательский интерфейс изображения, которое вы упомянули в ссылке.Вот рабочий код.

class _HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.black,
      child: Center(
        child: Row(
          children: <Widget>[
            Expanded(
              flex: 2,
              child: Container(
                height: 2.0,
                color: Colors.greenAccent,
              ),
            ),
            Expanded(flex: 2, child: Image.asset("assets/four.png"),),
            Expanded(
              flex: 1,
              child: Container(
                height: 2.0,
                color: Colors.greenAccent,
              ),
            ),
            Expanded(flex: 2, child: Image.asset("assets/three.png"),),
            Expanded(
              flex: 1,
              child: Container(
                height: 2.0,
                color: Colors.greenAccent,
              ),
            ),
            Expanded(flex: 2, child: Image.asset("assets/two.png"),),
            Expanded(
              flex: 1,
              child: Container(
                height: 2.0,
                color: Colors.greenAccent,
              ),
            ),
            Expanded(flex: 2, child: Image.asset("assets/one.png"),),
            Expanded(
              flex: 2,
              child: Container(
                height: 2.0,
                color: Colors.greenAccent,
              ),
            ),
          ],
        ),
      ),
    );
  }
}

Это вывод.

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...