내부 위젯을 확장/축소하여 확인

InteractiveViewer

• 내부에 배치한 위젯에 대하여 확장/축소하여 확인할 수 있는 위젯
• 주로 사용하는 속성
  • Widget child
    • 내부에 배치될 위젯
    • 필수
  • Alignment? alignment
    • 부모 위젯의 크기에 대해 정렬할 자식 위젯의 위치
  • PanAxis panAxis
    • 드래그 가능한 방향
    • 종류
      • PanAxis.free
        • 모든 방향 가능
      • PanAxis.aligned
        • 수평 및 수직만 가능
      • PanAxis.horizontal
        • 수평만 가능
      • PanAxis.vertical
        • 수직만 가능
    • 기본 값 : PanAxis.free
  • EdgeInsets boundaryMargin
    • 자식 위젯에 대한 외부 여백
    • 기본 값 : EdgeInsets.zero
  • bool constrained
    • 기본 값 : true
  • double minScale
    • 가장 작게 축소할 수 있는 비율
    • 기본 값 : 0.8
  • double maxScale
    • 가장 크게 확대할 수 있는 비율
    • 기본 값 : 2.5
  • Function(ScaleStartDetails)? onInteractionStart
    • 상호 작용 시작 시 동작할 기능
  • Function(ScaleUpdateDetails)? onInteractionUpdate
    • 상호 작용을 진행 중일 때 동작할 기능
  • Function(ScaleEndDetails)? onInteractionEnd
    • 상호 작용 종료 시 동작할 기능
  • bool panEnabled
    • 드래그 가능 여부
    • 기본 값 : true
  • bool scaleEnabled
    • 확장 및 축소 가능 여부
    • 기본 값 : true
  • double scaleFactor
    • 포인터 스크롤당 수행할 크기 조정의 양
    • 기본 값 : kDefaultMouseScrollToScaleFactor
• 참고

Center(
    child: InteractiveViewer(
        boundaryMargin: const EdgeInsets.all(20.0),
        minScale: 0.1,
        maxScale: 1.6,
        child: Container(
            decoration: const BoxDecoration(
                gradient: LinearGradient(
                    begin: Alignment.topCenter,
                    end: Alignment.bottomCenter,
                    colors: <Color>[Colors.orange, Colors.red],
                    stops: <double>[0.0, 1.0],
                ),
            ),
        ),
    ),
)