react-native-awesome-medialib/src/utils/Utils.ts

A useful media selector module base on native component

import {StyleSheet} from 'react-native'
import Toast from 'react-native-root-toast'
import {isIphoneX} from 'react-native-iphone-x-helper'
import {black1A, black444, grayB2, white} from '../utils/Colors'
import type {Navigator} from 'react-native-awesome-navigation'

export interface BaseProps {
  screenID: string
  navigator: Navigator
}

export const showToast = (title: string, position = 120) => {
  Toast.show(title, {
    containerStyle: {borderRadius: 19, width: 251},
    textStyle: {fontSize: 14, fontWeight: 'bold'},
    position,
    backgroundColor: black444,
    shadow: false,
    opacity: 1,
  })
}

export interface AlbumModel {
  index: number
  cover: string
  count: number
  name: string
}

export const processAlbumModel = (source: []) =>
  source.map(
    (item: any) =>
      ({
        index: item.index,
        count: item.count,
        cover: item.cover,
        name: item.name,
      } as AlbumModel)
  )

export const albumItemStyle = StyleSheet.create({
  container: {
    flex: 1,
    height: 112,
    backgroundColor: black1A,
    flexDirection: 'row',
    alignItems: 'center',
  },
  cover: {marginLeft: 16, width: 80, height: 80},
  textContainer: {flexDirection: 'column', marginLeft: 16},
  name: {fontSize: 16, fontWeight: '600', color: white},
  count: {fontSize: 12, fontWeight: '400', color: grayB2, marginTop: 4},
})

export const albumListStyle = StyleSheet.create({
  list: {
    position: 'absolute',
    top: isIphoneX() ? 88 : 64,
    bottom: 0,
    width: '100%',
    backgroundColor: black1A,
  },
})