[Flutter/Project](Instagram Clone) 카메라 레이아웃 및 촬영 버튼

---

(좌)전체가 버튼으로 선택된 모습, (우)원형 버튼만 선택되는 모습

(좌)전체가 버튼으로 선택되는 코드, (우)원형 버튼만 선택되는 코드

 

---

소스코드 및 pubspec.yaml

// widgets/take_photo.dart

import 'package:flutter/material.dart';
import 'package:flutter_project_IJ/constants/screen_size.dart';

class TakePhoto extends StatelessWidget {
  const TakePhoto({
    Key key,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Container(
          color: Colors.black,
          height: size.height / 3 * 2,
          width: size.width,
        ),
        Expanded(
          child: OutlineButton(
            onPressed: () {},
            shape: CircleBorder(),
            borderSide: BorderSide(
              color: Colors.black12,
              width: 20,
            ),
          ),
        )
      ],
    );
  }
}