api.md

June 24, 2025 · View on GitHub

API Reference

GiphySDK
GiphyDialog
GiphyMediaView
GiphyVideoView
GiphyVideoManager
GiphyGridView
GiphyContent
GiphyTheme

GiphySDK

Contains methods for configuring basic parameters, such as API keys.

</> configure: `configure(options: GiphySDKConfig) => void`

Configure basic settings of GIPHY SDK.

Options

Option	Description	Type	Default	Platform
apiKey	Android or iOS SDK key. Please remember, you should use a separate key for every platform (Android, iOS) you add our SDKs to.	`string`	`None`	✅ Android ✅ iOS
videoCacheMaxBytes	A number that defines the video cache size for ExoPlayer on the Android platform. `Note`: If `videoCacheMaxBytes` is 0, the cache initialization will be skipped, and Giphy Clips will not work. You may want to skip this setting if you use another version of ExoPlayer that is not compatible with the Giphy SDK but still wish to receive gifs from Giphy.	`number`	`100 * 1024 * 1024`	✅ Android ❌ iOS

Example

// giphy.setup.ios.ts
import { GiphySDK } from '@giphy/react-native-sdk'

GiphySDK.configure({
  apiKey: '*************', // iOS SDK key
})

// giphy.setup.android.ts
import { GiphySDK } from '@giphy/react-native-sdk'

GiphySDK.configure({
  apiKey: '*************', // Android SDK key
})

GiphyDialog

Singleton, which provides pre-built templates that handle the entirety of the GIPHY experience.

</> configure: `configure(options: GiphyDialogConfig) => void`

Configure the GiphyDialog view and behavior.

Options

Option	Description	Type	Default	Platform
clipsPreviewRenditionType	Certain renditions (cases of the `GiphyRendition` enum) are not available for Clips. As a result, if you set the renditionType property of the GiphyDialog to an unsupported rendition type, clips previews may not play back correctly in the grid. To account for this limitation, we created this property specifically to work with clips.	`GiphyClipsRendition`	`.FixedWidth`	✅ Android ✅ iOS
confirmationRenditionType	A rendition type for the confirmation screen.	`GiphyRendition`	`.Original`	✅ Android ❌ iOS
enableDynamicText	Allows to create animated text results for search queries where there are no matching results in GIPHY's library. Learn more	`boolean`	`false`	✅ Android ✅ iOS
fileType	A file type for the grid.	`GiphyFileExtension`	`.GIF`	✅ Android ✅ iOS
mediaTypeConfig	Type(s) of content to be displayed in the dialog. `Note`: Emoji only is not available for the carousel layout option.	`GiphyContentType` []	Expand `[.Recents, .Gif, .Sticker, .Emoji, .Text]`	✅ Android ✅ iOS
rating	A specific content rating for the search results.	`GiphyRating`	`.PG13`	✅ Android ✅ iOS
renditionType	A rendition type for the grid.	`GiphyRendition`	`.FixedWidth`	✅ Android ✅ iOS
selectedContentType	The default Giphy Content-Type.	`GiphyContentType`	`.Gif`	✅ Android ✅ iOS
shouldLocalizeSearch	Option to choose whether or not to localize the search results based on phone settings.	`boolean`	`false`	❌ Android ✅ iOS
showCheckeredBackground	Enable/disable the checkered background for stickers and text media type.	`boolean`	`false`	✅ Android ❌ iOS
showConfirmationScreen	Show a secondary confirmation screen when the user taps a GIF, which shows a larger rendition of the asset. This confirmation screen is only available for `GiphyDirection.Vertical` mode - this property will be ignored if the layout is `GiphyDirection.Horizontal`.	`boolean`	`false`	✅ Android ✅ iOS
showSuggestionsBar	Show/hide a suggestions bar.	`boolean`	`true`	✅ Android ❌ iOS
stickerColumnCount	For carousel layouts, we provide the option to set the number of columns for stickers and text. We recommend using 3 columns for blurred mode.	`GiphyStickersColumnCount`	`.Three`	✅ Android ✅ iOS
theme	Adjust the GiphyDialog theme	`GiphyTheme`	`.Light`	✅ Android ✅ iOS
trayHeightMultiplier	Height for the tray's "snap point" as a ratio of the GiphyDialog's height.	`number`	`0.7`	✅ Android ✅ iOS
enableEdgeToEdge	Enable Edge-to-Edge UI Rendering in Android	`boolean`	`false`	✅ Android ❌ iOS

Supported events 🔔

The Giphy Dialog implements the React NativeEventEmitter interface and supports the following events:

onMediaSelect GiphyDialog.addListener('onMediaSelect', (e: { media: GiphyMedia }) => ...)
onDismiss GiphyDialog.addListener('onDismiss', () => ...)

Example

import React from 'react'
import { SafeAreaView, Button } from 'react-native'
import { GiphyDialog, GiphySDK } from '@giphy/react-native-sdk'

// Configure API keys
GiphySDK.configure({ apiKey: '*************' })

export default function App() {
  return (
    <SafeAreaView>
      <Button title="Show Giphy Dialog" onPress={() => GiphyDialog.show()} />
    </SafeAreaView>
  )
}

GiphyMediaView

Designed to render GiphyMedia objects.

Props

Prop	Description	Type	Default	Platform
autoPlay	A boolean flag indicating whether or not the animation should start automatically when mounted.	`boolean`	`true`	✅ Android ✅ iOS
media	Pass a GiphyMedia object to display content.	`GiphyMedia`	`None`	✅ Android ✅ iOS
renditionType	A rendition type for the view.	`GiphyRendition`	`.FixedWidth`	✅ Android ✅ iOS
resizeMode	Determines how to resize the image when the frame doesn't match the raw image dimensions.	`ResizeMode`	`.Cover`	✅ Android ✅ iOS
showCheckeredBackground	Enable/disable the checkered background for stickers and text media type.	`boolean`	`true`	✅ Android ❌ iOS

Methods (Imperative API)

Method	Description	Type	Platform
pause	Pauses the animation.	`() => void`	✅ Android ✅ iOS
resume	Resumes the paused animation.	`() => void`	✅ Android ✅ iOS

⚠️ GiphyMediaView and GIPHY Animated Text

If you use GIPHY Animated Text in your integration (media.isDynamic === true), please note that GiphyMediaView does not support it. For more information, please refer to this article.

Example

Basic usage

import React, { useState, useEffect } from 'react'
import { SafeAreaView, Button, ScrollView } from 'react-native'
import {
  GiphyDialog,
  GiphyDialogEvent,
  GiphyDialogMediaSelectEventHandler,
  GiphyMedia,
  GiphyMediaView,
  GiphySDK,
} from '@giphy/react-native-sdk'

// Configure API keys
GiphySDK.configure({ apiKey: '*************' })

export default function App() {
  const [media, setMedia] = useState<GiphyMedia | null>(null)

  // Handling GIFs selection in GiphyDialog
  useEffect(() => {
    const handler: GiphyDialogMediaSelectEventHandler = (e) => {
      setMedia(e.media)
      GiphyDialog.hide()
    }
    const listener = GiphyDialog.addListener(
      GiphyDialogEvent.MediaSelected,
      handler
    )
    return () => {
      listener.remove()
    }
  }, [])

  return (
    <SafeAreaView>
      <Button title="Show Giphy Dialog" onPress={() => GiphyDialog.show()} />
      {media && (
        <ScrollView
          style={{
            aspectRatio: media.aspectRatio,
            maxHeight: 400,
            padding: 24,
            width: '100%',
          }}
        >
          <GiphyMediaView
            media={media}
            style={{ aspectRatio: media.aspectRatio }}
          />
        </ScrollView>
      )}
    </SafeAreaView>
  )
}

Imperative API

import React, { useEffect, useRef, useState } from 'react'
import { Button, SafeAreaView, ScrollView, View } from 'react-native'
import {
  GiphyDialog,
  GiphyDialogEvent,
  GiphyDialogMediaSelectEventHandler,
  GiphyMedia,
  GiphyMediaView,
  GiphySDK,
} from '@giphy/react-native-sdk'

// Configure API keys
GiphySDK.configure({ apiKey: '***************' })

export default function App() {
  const mediaRef = useRef<GiphyMediaView | null>(null)
  const [media, setMedia] = useState<GiphyMedia | null>(null)

  // Handling GIFs selection in GiphyDialog
  useEffect(() => {
    const handler: GiphyDialogMediaSelectEventHandler = (e) => {
      setMedia(e.media)
      GiphyDialog.hide()
    }
    const listener = GiphyDialog.addListener(
      GiphyDialogEvent.MediaSelected,
      handler
    )
    return () => {
      listener.remove()
    }
  }, [])

  return (
    <SafeAreaView>
      <Button title="Show Giphy Dialog" onPress={() => GiphyDialog.show()} />
      {media && (
        <>
          <View style={{ marginVertical: 4 }}>
            <Button title="Pause" onPress={() => mediaRef.current?.pause()} />
          </View>
          <Button title="Resume" onPress={() => mediaRef.current?.resume()} />
          <ScrollView
            style={{
              aspectRatio: media.aspectRatio,
              maxHeight: 400,
              padding: 24,
              width: '100%',
            }}
          >
            <GiphyMediaView
              ref={mediaRef}
              media={media}
              style={{ aspectRatio: media.aspectRatio }}
            />
          </ScrollView>
        </>
      )}
    </SafeAreaView>
  )
}

GiphyVideoView

Note: If you use GIPHY Clips on the Android platform, you need to set up clips integration before working with the GiphyVideoView component.

Similar to the GiphyMediaView which works for GIFs, Stickers, and Text, the GiphyVideoView is a component that makes it easy to play back GiphyMedia clips video assets. The GiphyVideoView will only work for GiphyMedia where the isVideo property is true.

Note: GiphyVideoView has no advanced features for playback, volume, and buffering control. If you need some advanced features, you can easily integrate clips with other more advanced video players.

Props

Prop	Description	Type	Default	Platform
autoPlay	Set it to true to start the video automatically.	`boolean`	`false`	✅ Android ✅ iOS
media	Pass a GiphyMedia object to display content.	`GiphyMedia`	`None`	✅ Android ✅ iOS
muted	Set to true or false to mute or unmute the player.	`boolean`	`false`	✅ Android ✅ iOS
onError	A callback function that will be called when an error occurs whilst attempting to play media.	`(e: NativeSyntheticEvent<{ description: string }>) => void`	`None`	✅ Android ✅ iOS
onMute	A callback function that will be called when media is muted.	`(e: NativeSyntheticEvent<{}>) => void`	`None`	✅ Android ✅ iOS
onPlaybackStateChanged	A callback function that will be called when playback state changes.	`(e: NativeSyntheticEvent<{ state: GiphyVideoViewPlaybackState }>) => void`	`None`	✅ Android ✅ iOS
onUnmute	A callback function that will be called when media is unmuted.	`(e: NativeSyntheticEvent<{}>) => void`	`None`	✅ Android ✅ iOS

Example

Using the GiphyDialog

import React, { useEffect, useState } from 'react'
import { Button, SafeAreaView, ScrollView } from 'react-native'
import {
  GiphyContentType,
  GiphyDialog,
  GiphyDialogEvent,
  GiphyDialogMediaSelectEventHandler,
  GiphyMedia,
  GiphySDK,
  GiphyVideoView,
} from '@giphy/react-native-sdk'

// Configure API keys
GiphySDK.configure({ apiKey: '************' })

GiphyDialog.configure({
  mediaTypeConfig: [GiphyContentType.Clips],
  showConfirmationScreen: true,
})

export default function App() {
  const [media, setMedia] = useState<GiphyMedia | null>(null)

  // Handling GIFs selection in GiphyDialog
  useEffect(() => {
    const handler: GiphyDialogMediaSelectEventHandler = (e) => {
      setMedia(e.media)
      GiphyDialog.hide()
    }
    const listener = GiphyDialog.addListener(
      GiphyDialogEvent.MediaSelected,
      handler
    )
    return () => {
      listener.remove()
    }
  }, [])

  return (
    <SafeAreaView>
      <Button title="Show Giphy Dialog" onPress={() => GiphyDialog.show()} />
      {media && (
        <ScrollView
          style={{
            aspectRatio: media.aspectRatio,
            maxHeight: 400,
            padding: 24,
            width: '100%',
          }}
        >
          <GiphyVideoView
            media={media}
            muted={true}
            autoPlay={true}
            style={{ aspectRatio: media.aspectRatio }}
          />
        </ScrollView>
      )}
    </SafeAreaView>
  )
}

Using the GiphyGridView

import React, { useState } from 'react'
import { SafeAreaView, ScrollView, TextInput } from 'react-native'
import {
  GiphyContent,
  GiphyGridView,
  GiphyMedia,
  GiphyMediaType,
  GiphySDK,
  GiphyVideoView,
} from '@giphy/react-native-sdk'

// Configure API keys
GiphySDK.configure({ apiKey: '************' })

export default function App() {
  const [searchQuery, setSearchQuery] = useState<string>('')
  const [media, setMedia] = useState<GiphyMedia | null>(null)

  return (
    <SafeAreaView>
      <TextInput
        autoFocus
        onChangeText={setSearchQuery}
        placeholder="Search..."
        value={searchQuery}
      />
      <GiphyGridView
        content={GiphyContent.search({
          searchQuery: searchQuery,
          mediaType: GiphyMediaType.Video,
        })}
        cellPadding={3}
        style={{ height: 300, marginTop: 24 }}
        onMediaSelect={(e) => setMedia(e.nativeEvent.media)}
      />
      {media && (
        <ScrollView
          style={{
            aspectRatio: media.aspectRatio,
            maxHeight: 400,
            padding: 24,
            width: '100%',
          }}
        >
          <GiphyVideoView
            media={media}
            autoPlay={true}
            style={{ aspectRatio: media.aspectRatio }}
          />
        </ScrollView>
      )}
    </SafeAreaView>
  )
}

Mute all clips when a user opens a custom dialog

import React, { useEffect, useState } from 'react'
import { Button, SafeAreaView, ScrollView, Modal, Text } from 'react-native'
import {
  GiphyContentType,
  GiphyDialog,
  GiphyDialogEvent,
  GiphyDialogMediaSelectEventHandler,
  GiphyMedia,
  GiphySDK,
  GiphyVideoManager,
  GiphyVideoView,
} from '@giphy/react-native-sdk'

// Configure API keys
GiphySDK.configure({ apiKey: '*************' })

GiphyDialog.configure({
  mediaTypeConfig: [GiphyContentType.Clips],
  showConfirmationScreen: true,
})

export default function App() {
  const [media, setMedia] = useState<GiphyMedia | null>(null)
  const [customDialogVisible, setCustomDialogVisible] = useState(false)

  // Handling GIFs selection in GiphyDialog
  useEffect(() => {
    const handler: GiphyDialogMediaSelectEventHandler = (e) => {
      setMedia(e.media)
      GiphyDialog.hide()
    }
    const listener = GiphyDialog.addListener(
      GiphyDialogEvent.MediaSelected,
      handler
    )
    return () => {
      listener.remove()
    }
  }, [])

  const openCustomDialog = () => {
    setCustomDialogVisible(true)
    // Mute all clips when a user opens the custom dialog
    GiphyVideoManager.muteAll()
  }

  return (
    <SafeAreaView>
      <Button title="Show Giphy Dialog" onPress={() => GiphyDialog.show()} />
      <Button title="Show Custom Dialog" onPress={openCustomDialog} />
      <Modal
        visible={customDialogVisible}
        onRequestClose={() => setCustomDialogVisible(false)}
      >
        <Text>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus
          mattis est eget malesuada malesuada. Cras ullamcorper sem ut erat
          tempor, sed eleifend nisl lacinia. Etiam a eleifend tortor. Donec
          iaculis tincidunt risus eget porttitor. Nullam sed mauris felis. Nam
          ullamcorper purus a tellus blandit dictum. Praesent gravida purus ut
          nisl consectetur, a fermentum leo sagittis.
        </Text>
        <Button title="Close" onPress={() => setCustomDialogVisible(false)} />
      </Modal>
      {media && (
        <ScrollView
          style={{
            aspectRatio: media.aspectRatio,
            maxHeight: 400,
            padding: 24,
            width: '100%',
          }}
        >
          <GiphyVideoView
            media={media}
            muted={false}
            autoPlay={true}
            style={{ aspectRatio: media.aspectRatio }}
          />
        </ScrollView>
      )}
    </SafeAreaView>
  )
}

GiphyGridView

Customizable implementation of a Giphy Grid only.

Props

Prop	Description	Type	Default	Platform
cellPadding	Spacing between rendered GIFs.	`number` Note: On iOS, only values between 0 and 11 inclusive are supported.	`0`	✅ Android ✅ iOS
clipsPreviewRenditionType	Certain renditions (cases of the `GiphyRendition` enum) are not available for Clips. As a result, if you set the renditionType property of the GiphyGridView to an unsupported rendition type, clips previews may not play back correctly in the grid. To account for this limitation, we created this property specifically to work with clips.	`GiphyClipsRendition`	`.FixedWidth`	✅ Android ✅ iOS
content	A `GiphyContentRequest` object describing a content request to the Giphy API.	`GiphyContentRequest`	`None`	✅ Android ✅ iOS
disableEmojiVariations	If true, the emoji variations drawer is not rendered.	`boolean`	`None`	✅ Android ✅ iOS
fixedSizeCells	Display content in equally sized cells (for stickers only).	`boolean`	`false`	✅ Android ✅ iOS
onContentUpdate	A callback function that will be called when a content is updated.	`(e: NativeSyntheticEvent<{ resultCount: number }>) => void`	`None`	✅ Android ✅ iOS
onMediaSelect	A callback function that will be called when a media is selected.	`(e: NativeSyntheticEvent<{ media: GiphyMedia }>) => void`	`None`	✅ Android ✅ iOS
onScroll	A callback function that will be called when a grid is being scrolled.	`(e: NativeSyntheticEvent<{ offset: number }>) => void`	`None`	✅ Android ✅ iOS
orientation	Tells the scroll direction of the grid. (e.g. `GiphyDirection.Horizontal`, `GiphyDirection.Vertical`)	`GiphyDirection`	`.Vertical`	✅ Android ✅ iOS
renditionType	A rendition type for the grid.	`GiphyRendition`	`.FixedWidth`	✅ Android ✅ iOS
spanCount	Number of lanes in the grid.	`number`	Depends on orientation and content type	✅ Android ✅ iOS
showCheckeredBackground	Show/Hide checkered background for stickers in the grid.	`boolean`	`false`	✅ Android ❌ iOS
theme	Adjust the GiphyGridView theme	`GiphyTheme`	`.Light`	✅ Android ✅ iOS

Example

import React, { useState } from 'react'
import { SafeAreaView, TextInput, ScrollView } from 'react-native'
import {
  GiphyContent,
  GiphyGridView,
  GiphyMedia,
  GiphyMediaView,
  GiphySDK,
} from '@giphy/react-native-sdk'

// Configure API keys
GiphySDK.configure({ apiKey: '************' })

export default function App() {
  const [searchQuery, setSearchQuery] = useState<string>('')
  const [media, setMedia] = useState<GiphyMedia | null>(null)

  return (
    <SafeAreaView>
      <TextInput
        autoFocus
        onChangeText={setSearchQuery}
        placeholder="Search..."
        value={searchQuery}
      />
      <GiphyGridView
        content={GiphyContent.search({ searchQuery: searchQuery })}
        cellPadding={3}
        style={{ height: 300, marginTop: 24 }}
        onMediaSelect={(e) => setMedia(e.nativeEvent.media)}
      />
      {media && (
        <ScrollView
          style={{
            aspectRatio: media.aspectRatio,
            maxHeight: 400,
            padding: 24,
            width: '100%',
          }}
        >
          <GiphyMediaView
            media={media}
            style={{ aspectRatio: media.aspectRatio }}
          />
        </ScrollView>
      )}
    </SafeAreaView>
  )
}

Option	Description	Type	Default	Platform
mediaType	A media type that should be loaded (e.g. `GiphyMediaType.Gif`)	`GiphyMediaType`	`.Gif`	✅ Android ✅ iOS
rating	Filter query results by specific content rating	`GiphyRating`	`.PG13`	✅ Android ✅ iOS
searchQuery	A custom search input (e.g. cats)	`string`	`None`	✅ Android ✅ iOS

Options

Option	Description	Type	Default	Platform
mediaType	A media type that should be loaded (e.g. `GiphyMediaType.Gif`)	`GiphyMediaType`	`.Gif`	✅ Android ✅ iOS
rating	Filter query results by specific content rating	`GiphyRating`	`.PG13`	✅ Android ✅ iOS

</> trendingGifs: `(options?: GiphyContentTrendingGIFsOptions) => GiphyContentRequest`

Options

Option	Description	Type	Default	Platform
rating	Filter query results by specific content rating	`GiphyRating`	`.PG13`	✅ Android ✅ iOS

</> trendingStickers: `(options?: GiphyContentTrendingStickersOptions) => GiphyContentRequest`

Options

Option	Description	Type	Default	Platform
rating	Filter query results by specific content rating	`GiphyRating`	`.PG13`	✅ Android ✅ iOS

</> trendingText: `(options?: GiphyContentTrendingTextOptions) => GiphyContentRequest`

Options

Option	Description	Type	Default	Platform
rating	Filter query results by specific content rating	`GiphyRating`	`.PG13`	✅ Android ✅ iOS

</> recents: `(options?: GiphyContentRecentsOptions) => GiphyContentRequest`

Options

Option	Description	Type	Default	Platform
rating	Filter query results by specific content rating	`GiphyRating`	`.PG13`	✅ Android ✅ iOS

</> emoji: `(options?: GiphyContentEmojiOptions) => GiphyContentRequest`

Options

Option	Description	Type	Default	Platform
rating	Filter query results by specific content rating	`GiphyRating`	`.PG13`	✅ Android ✅ iOS

</> animate: `(options: GiphyContentAnimateOptions) => GiphyContentRequest`

Options

Option	Description	Type	Default	Platform
rating	Filter query results by specific content rating	`GiphyRating`	`.PG13`	✅ Android ✅ iOS
searchQuery	A custom search input (e.g. cats)	`string`	`None`	✅ Android ✅ iOS

Learn more

Example

import React from 'react'
import { SafeAreaView } from 'react-native'
import { GiphySDK, GiphyGridView, GiphyContent } from '@giphy/react-native-sdk'

// Configure API keys
GiphySDK.configure({ apiKey: '*************' })

export default function App() {
  return (
    <SafeAreaView>
      <GiphyGridView
        content={GiphyContent.trendingGifs()}
        cellPadding={3}
        style={{ height: 400 }}
        onMediaSelect={(e) => {
          console.log(e.nativeEvent.media)
        }}
      />
    </SafeAreaView>
  )
}

GiphyTheme

The GIPHY SDK offers three pre-defined themes presets:

Automatic
Dark
Light

Example

import React from 'react'
import { GiphyDialog, GiphyGridView, GiphySDK, GiphyThemePreset } from '@giphy/react-native-sdk'

// Configure API keys
GiphySDK.configure({ apiKey: '*************' })

// Adjust GiphyDialog theme
GiphyDialog.configure({ theme: GiphyThemePreset.Dark })

// Adjust GiphyGridView theme
function DarkGridView() {
  return <GiphyGridView theme={GiphyThemePreset.Dark} />
}

To achieve more extensive customization, you can extend any preset and override specific settings according to your requirements. The theme schemas can be found at the following links:

Example

import React from 'react'
import { GiphyDialog, GiphyGridView, GiphySDK, GiphyTheme, GiphyThemePreset } from '@giphy/react-native-sdk'

const theme: GiphyTheme = {
  preset: GiphyThemePreset.Light,
  backgroundColor: '#373d48',
  cellCornerRadius: 12,
  defaultTextColor: '#B0BEC5',
}

// Configure API keys
GiphySDK.configure({ apiKey: '*************' })

// Adjust GiphyDialog theme
GiphyDialog.configure({ theme })

// Adjust GiphyGridView theme
function CustomGridView() {
  return <GiphyGridView theme={theme} />
}

Theme Options

Option	Type	Platform
avatarPlaceholderColor	`string \| number`	❌ Android ✅ iOS
backgroundColor	`string \| number`	✅ Android ✅ iOS
backgroundColorForLoadingCells	`string \| number`	❌ Android ✅ iOS
cellCornerRadius	`number`	❌ Android ✅ iOS
confirmationBackButtonColor	`string \| number`	✅ Android ✅ iOS
confirmationSelectButtonColor	`string \| number`	✅ Android ✅ iOS
confirmationSelectButtonTextColor	`string \| number`	✅ Android ✅ iOS
confirmationViewOnGiphyColor	`string \| number`	✅ Android ✅ iOS
defaultTextColor	`string \| number`	✅ Android ✅ iOS
dialogOverlayBackgroundColor	`string \| number`	✅ Android ❌ iOS
emojiDrawerGradientBottomColor	`string \| number`	✅ Android ✅ iOS
emojiDrawerGradientTopColor	`string \| number`	✅ Android ✅ iOS
emojiDrawerScrollIndicatorStyle	`IndicatorStyle`	❌ Android ✅ iOS
emojiDrawerSeparatorColor	`string \| number`	✅ Android ✅ iOS
fixedSizeCells	`boolean`	❌ Android ✅ iOS
handleBarColor	`string \| number`	✅ Android ✅ iOS
keyboardAppearance	`KeyboardAppearance`	❌ Android ✅ iOS
preset	`GiphyThemePreset`	✅ Android ✅ iOS
retryButtonBackgroundColor	`string \| number`	✅ Android ❌ iOS
retryButtonTextColor	`string \| number`	✅ Android ❌ iOS
searchBackButtonColor	`string \| number`	✅ Android ✅ iOS
searchBarBackgroundColor	`string \| number`	✅ Android ✅ iOS
searchBarCornerRadius	`number`	❌ Android ✅ iOS
searchBarPadding	`number`	❌ Android ✅ iOS
searchPlaceholderTextColor	`string \| number`	✅ Android ✅ iOS
searchTextColor	`string \| number`	✅ Android ✅ iOS
showSuggestionsBar	`boolean`	❌ Android ✅ iOS
stickerBackgroundColor	`string \| number`	❌ Android ✅ iOS
suggestionCellBackgroundColor	`string \| number`	✅ Android ✅ iOS
suggestionCellTextColor	`string \| number`	✅ Android ✅ iOS
tabBarBackgroundAlpha	`number`	❌ Android ✅ iOS
tabBarSwitchDefaultColor	`string \| number`	✅ Android ✅ iOS
tabBarSwitchSelectedColor	`string \| number`	✅ Android ✅ iOS
usernameColor	`string \| number`	✅ Android ✅ iOS