Emoji Flag Cropped

[AhmadNaeemK]

Issue Description

Flag get cropped when flagSize = 100 is passed.

Steps to Reproduce / Code Snippets

Expected Results

[AhmadNaeemK]

The issue is happening on ios and can be fixed by putting width styling in the EmojiFlag component

const EmojiFlag = memo(({ countryCode, flagSize }: FlagType) => {
  const { getEmojiFlagAsync } = useContext()
  const asyncResult = useAsync(getEmojiFlagAsync, [countryCode])

  if (asyncResult.loading) {
    return <ActivityIndicator size={'small'} />
  }
  return (
    <Text
      style={[styles.emojiFlag, {width: flagSize}, { fontSize: flagSize }]}
      allowFontScaling={false}
    >
      <Emoji {...{ name: asyncResult.result! }} />
    </Text>
  )
})