ex11. SizedBox 실습

2024. 6. 12. 14:49Flutter

import 'package:flutter/material.dart';

class EXKaKao extends StatelessWidget {
  const EXKaKao({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: Container(
          width: double.infinity,
          height: 50,
          margin: EdgeInsets.all(10),
          decoration: BoxDecoration(
            color: Colors.yellowAccent,
            borderRadius: BorderRadius.circular(10),
          ),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Image.asset(
                'image/KaKaoTalk.png',
                width: 30,
                height: 30,
              ),
              SizedBox(
                  width: 20,
              ),
              Text(
                '카카오톡으로 로그인하기',
                style: TextStyle(
                  fontFamily: 'laundrygothic',
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

 

'Flutter' 카테고리의 다른 글

ex13. Banner 실습  (0) 2024.06.12
ex12. Flexible과 Expanded  (0) 2024.06.12
ex10. SizedBox  (0) 2024.06.12
ex09. Container 실습  (0) 2024.06.12
ex08. Container  (0) 2024.06.12