영상 크기 조절

This commit is contained in:
2026-06-26 15:40:04 +09:00
parent c0fb4d02d5
commit 1140553c00

View File

@@ -319,7 +319,7 @@ class _ChatScreenState extends State<ChatScreen> {
), ),
decoration: BoxDecoration( decoration: BoxDecoration(
color: Color(0xFFF5F5F5), color: Color(0xFFF5F5F5),
borderRadius: BorderRadius.circular(30), borderRadius: BorderRadius.circular(35),
boxShadow: [ boxShadow: [
BoxShadow( BoxShadow(
color: Colors.black.withOpacity(0.1), // 그림자 색상 및 투명도 color: Colors.black.withOpacity(0.1), // 그림자 색상 및 투명도
@@ -328,29 +328,34 @@ class _ChatScreenState extends State<ChatScreen> {
), ),
], ],
), ),
child: AspectRatio(
aspectRatio: 16 / 9, // 고정 종횡비
child: _isVideoInitialized child: _isVideoInitialized
? ClipRRect( ? ClipRRect(
borderRadius: BorderRadius.circular(30), borderRadius: BorderRadius.circular(_getResponsiveSize(context, 30)),
child: AspectRatio( child: FittedBox(
aspectRatio: _videoController fit: BoxFit.cover, // 영상이 카드를 가득 채우고 넘치는 부분 잘라냄
.value child: SizedBox(
.aspectRatio, width: _videoController.value.size.width,
height: _videoController.value.size.height,
child: VideoPlayer(_videoController), child: VideoPlayer(_videoController),
), ),
),
) )
: Column( : Center(
child: Column(
mainAxisAlignment: mainAxisAlignment:
MainAxisAlignment.center, MainAxisAlignment.center,
children: [ children: [
Container( Container(
width: 180, width: _getResponsiveSize(context, 180),
height: 180, height: _getResponsiveSize(context, 180),
decoration: BoxDecoration( decoration: BoxDecoration(
color: Color(0xFFF1F8E9), // color: Color(0xFFF1F8E9),
borderRadius: borderRadius:
BorderRadius.circular(12), BorderRadius.circular(_getResponsiveSize(context, 12)),
border: Border.all( border: Border.all(
color: Color(0xFFC8E6C9), // color: Color(0xFFC8E6C9),
width: 1, width: 1,
), ),
), ),
@@ -378,6 +383,8 @@ class _ChatScreenState extends State<ChatScreen> {
), ),
), ),
), ),
),
),
SizedBox(height: _getResponsivePadding(context, 16)), SizedBox(height: _getResponsivePadding(context, 16)),
// SizedBox(height: _getResponsivePadding(context, 16)), //26.06.26 // SizedBox(height: _getResponsivePadding(context, 16)), //26.06.26
// 캐릭터 정보 + 설명 문구 // 캐릭터 정보 + 설명 문구