티스토리 뷰
반응형
안녕하세요. 오틸라 입니다.
카카오톡같은 화면을 구현할때
똑같은 위젯인데, 방향만 대칭인 걸 써야 할때가 있습니다.
요런 구성인데요.
상대방에 채팅을 보냈을때 위젯입니다.
그리고, 내가 글을 쓸때 위젯은
다 똑같은데 대칭으로 바껴야 하쟎아요.
요렇게요.
그럴땐, 딱 하나만 추가해주면 됩니다.
textDirection: TextDirection.rtl,
css에서
flex-direction : row-reverse
과 같은 역할을 합니다.
그리고, 또하나 변경할게 있다면, 풍선말에 배경색이겠죠. 내가쓴글은 노란색, 상대방은 흰색
요거 두개만 위젯만들때 적용해주시면 되겠습니다.
textDirection: isMe ? TextDirection.rtl : TextDirection.ltr,color: isMe ? AppTheme.colorKakaoMe : AppTheme.colorKakaoSender,
요런식으로요.
반응형
그럼 바인딩할때 boolean 값 isMe만 받아서 처리해주면,
요렇게 간편하게 구현가능하겠습니다요~
이상 오틸라였습니다.
건강하세요~
반응형
댓글