GSImage

With the GSImage widget, you can enhance the look and feel of your app or website by incorporating compelling imagery.
API Reference
This is an illustration of a Themed GSImage widget with default configuration.

    import 'package:gluestack_ui/gluestack_ui.dart';

    GSImage(
      size: GSImageSizes.$md,
      borderRadius: GSImageRadius.$full,
      path: 'https://plus.unsplash.com/premium_photo-1697211174198-18da849f87c6?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxfDB8MXxyYW5kb218MHx8fHx8fHx8MTY5OTI2NTM4Mg&ixlib=rb-4.0.3&q=80&w=1080',
      imageType: GSImageType.network,
    )


API Reference

Import

To use this widget in your project, include the following import statement in your file.
import "package:gluestack_ui/gluestack_ui.dart"

Widget Parameters

This section provides a comprehensive reference list for the widget parameters, detailing descriptions, properties, types, and default behavior for easy project integration.

GSImage

It inherits all the properties of Flutter's Image widget.

Parameters

GSImage widget is created using Image widget from flutter. It extends all the properties and methods supported by Flutter Image and additionally the properties mentioned below.

GSImage

Name
Value
Default
size
2xs | xs | sm | md | lg | xl | 2xl | full
md
Note: These properties are exclusively applicable when utilizing the default configuration of gluestack-ui/config. If you are using a custom theme, these properties may not be available.
Edit this page on GitHub