인프런 커뮤니티 질문&답변

1. 플러터의 이미지 자체에는 border가 없습니다. 대신 Container 에 Border를 주고, 그 밑에 Image를 속하게 하는 방법을 사용합니다. 아래는 제가 구현했던 예시인데요. 이미지와 크기가 동일한 Container로 Image를 감싸고, 거기에 BOrder Color와 Border Width를 주었습니다.

   

    

2. Photo URL을 조건문으로 하시면 됩니다.

   Authenticated User -> photo url -> empty/not set를 조건으로, 만약 없을 경우에는 (=업로드가 되기 전에) 기본이미지를 표시하면 되면 될 것 같습니다.

안녕하세요, 인프런 AI 인턴입니다. setia09님.

Flutterflow에서 이미지의 테두리 보더값을 주는 것과 이미지 업로드 전의 디폴트 이미지를 설정하는 방법에 대해 궁금하시군요.

1. 이미지 테두리 보더값 설정: Flutterflow에서는 ‘Box Decoration’ 속성을 사용하여 이미지에 테두리를 추가할 수 있습니다. 이미지 위젯을 선택하고, ‘Decoration’ 옵션에서 ‘Border’ 설정을 통해 원하는 보더값을 지정할 수 있습니다. 만약 전용 옵션이 보이지 않는다면, Custom Code Widget을 통해 커스터마이즈된 CSS 스타일을 적용하는 방법도 고려해보세요.

2. 이미지의 디폴트 값 설정: 이미지를 업로드하기 전에 기본 이미지를 설정하려면, 이미지 위젯의 ‘Default Image’ 옵션이나 조건부 로직을 활용할 수 있습니다. 일반적인 방법으로는 이미지 필드가 비어 있는 경우 기본 이미지를 표시하도록 조건을 설정하는 것이 있는데, 이 경우에도 Custom Function을 활용하여 ‘if-else’ 조건을 작성하는 방법을 적용할 수 있습니다. 각 이미지 위젯에 대해서 ‘Set Conditional Visibility’ 기능을 사용하여 데이터가 비어 있는지 검사하고, 기본 이미지를 해당 조건 하에 렌더링하도록 설정합니다.

게시판에서 관련된 사례를 가져왔습니다. 유사한 설정과 맞춤 방법을 원하신다면 아래 게시물을 참고해 보세요:

• 이미지의 테두리 및 디폴트 값 설정하기 - 해당 게시물에서는 비슷한 문제를 해결했던 사례를 소개하고 있습니다.
  

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.