다른 화면 종횡비 및 인물 및 풍경 모드의 채팅 화면 배경이 필요합니다.

Question

채팅 화면의 배경 그림을 사용하고 싶습니다. 그 목적을 위해 타일 가능한 그림을 만들었습니다. 모바일은 다양한 종횡비와 세로 및 가로를 지원합니다. 그 유스 케이스를 지원하기위한 Flutter의 좋은 방법은 무엇입니까? 한 가지 아이디어는 타일에 합류하여 배경에 대한 런타임에 그림을 자르는 것입니다. 그게 가능하니? 직접 플러터를 지원합니까?

Answer 1

당신은, 즉각적인 앱 또한

Creating Responsive Apps

대한 플러터 문서를 읽는 장치 방향을 캡처 MediaQueryData 클래스를 살펴해야합니다. 이러한 속성

MediaQueryData

Answer 2

이 풍경과 potrait의 다른 장치 해상도 작동 무엇을보고 배경을 전환 할 수 있습니다. 불투명도는 그림에서 직접 설정하여 런타임에 해당 레이어를 저장할 수 있습니다. 다른 해상도로 배경을 제공했는지 확인하십시오. https://flutter.io/assets-and-images/

참고 : renderMessageListContent는 포 그라운드의 콘텐츠입니다!

@override 
    Widget build(BuildContext context) => new Stack(children: <Widget>[ 
     new Positioned.fill(
      child: new Opacity(
      opacity: 0.2, 
      child: new Image.asset(
      'assets/chat_background.png', 
      repeat: ImageRepeat.repeat, 
      fit: BoxFit.none 
     ), 
     )), 
     new Opacity(
      opacity: 0.15, 
      child: new Container(color: Theme.of(context).primaryColor)), 
     renderMessageListContent 
     ]);