inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

아이콘 컬러 배리어블 적용이 안되어 질문 드려요!

해결됨

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

선생님 안녕하세요! 버튼 컴포넌트 제작 강의를 보며 따라서 만들고 있는데요~ 아이콘 fill에 배리어블을 적용해도 아이콘 색상이 변하지 않는 문제가 있습니다~ color/icon/interactive/inverse 색상을 선택해도 적용이 안되며, 다른 배리어블 색상을 적용해도 동일하게 적용이 안됩니다! 이름만 적용되고 색상은 변경이 안되는 상태입니다 ㅠㅠ (feather icon을 shape 면으로 병합한 형태로 정리하였고, Vector로 동일하게 이름도 적용했습니다. 아이콘 컬러 배리어블 색상도 등록한 상태입니다. 아이콘을 면으로 정리할 때 유니온과 아웃라인이 안되는 경우, 커뮤니티에 공유해주신 Convert SVG Strokes to Fills 웹 사이트를 이용했습니다! ) feather icon 외에 다른 아이콘 컴포넌트로 테스트 해보니 배리어블 색상이 적용됩니다. 해결 방법이 있을까요?

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 아이콘
  • icon
댓글 2 좋아요 0 조회수 724

Icon Button 의 기능이 Hot restart 이후에도 사용되지 않습니다

미해결

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

Controller 사용해보기에서 알려주신 대로 홈버튼을 만들어 homeURL이 리로드되게 해주었는데 어떤 웹사이트를 이용하던 혹은 재실행을 하던 새로고침이 되지 않습니다. 혹시 이런 경우는 캐시의 문제가 있어서일까요? 아니면 어떠한 문제 때문일까요?? 아래에 제 코드를 첨부하겠습니다. import 'package:flutter/material.dart'; import 'package:webview_flutter/webview_flutter.dart'; class HomeScreen extends StatelessWidget { WebViewController? controller; final homeURL = "https://www.webtoons.com/en/"; HomeScreen({super.key}); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("ryaotuix's portfolio"), centerTitle: false, backgroundColor: Colors.blueAccent, actions: [ IconButton( onPressed: () { if (controller == null) { return; } // controller cannot be null for sure controller!.loadUrl(homeURL); }, icon: Icon( Icons.home, ), ) ], ), body: WebView( // create new controller to class's controller onWebViewCreated: (WebViewController controller) { this.controller; }, initialUrl: homeURL, javascriptMode: JavascriptMode.unrestricted, ), ); } }

  • flutter
  • 클론코딩
  • icon
returnzmagic 댓글 1 좋아요 0 조회수 481

앱 icon image 링크 오류

미해결

배달앱 클론코딩 [with React Native]

아이콘 링크가 더이상 유효하지 않아서 흰 화면으로 나오고 있습니다. 확인 부탁드립니다! 감사합니다! http://romannurik.github.io/AndroidAssetStudio/icons-launcher.html#foreground.type=image&foreground.space.trim=1&foreground.space.pad=0.25&foreColor=rgba(96%2C%20125%2C%20139%2C%200)&backColor=rgb(255%2C%20255%2C%20255)&crop=0&backgroundShape=square&effects=none&name=ic_launcher

  • icon
  • react-native
  • image-link
위펀 댓글 1 좋아요 0 조회수 385

android font 깨짐 오류 해결

미해결

배달앱 클론코딩 [with React Native]

왜인지는 모르나 android 환경에서 icon 오류가 출력되어 해결방법 남깁니다. https://phant0m.tistory.com/20 해당링크에 자세히 나와있습니다. 강의에서 fonts 폴더 생성 등 모든 절차는 완료했으나 폰트 사이즈 조절은 되는데 아이콘 자체가 불러와지지 않는 오류는 아래와 같은 방법으로 해결 가능합니다. android/app/build.gradle (app 내에 있는 gradle.build 입니다.) 폴더에서 apply으로 검색 후 그 아래에 apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" 아래 코드를 붙여 넣어주세요 그럼 정상적으로 출력됩니다.

  • icon
  • react-native
pie 댓글 0 좋아요 1 조회수 633

인기 태그

인프런 TOP Writers

주간 인기글