Select Field Not Scrollable

[G-C0der]

I made a select field component in my react native app I'm developing for android. I made it similar to the documentation. For some reason when tapping on the select field I am not able to scroll, nor is a scrollbar visible. Thus I am not able to to make all options I provide to the select field selectable. Also tried modifiyng the overflow-y already, but with no success. I didn't find anything helpful in the documentation or elsewhere on the internet.

Gluestack version:
"@gluestack-style/react": "^1.0.16"
"@gluestack-ui/themed": "^1.0.15"

Here's my component:

import React from 'react';
import { Select, SelectIcon, SelectInput, SelectTrigger, Icon, ChevronDownIcon, SelectPortal, SelectBackdrop, SelectContent, SelectDragIndicatorWrapper, SelectDragIndicator, SelectItem } from "@gluestack-ui/themed";

interface SelectFieldProps {
  placeholder: string;
  options: { [key: string]: string }
}

export function SelectField({ placeholder, options }: SelectFieldProps) {
  return (
    <Select>
      <SelectTrigger variant="outline" size="md">
        <SelectInput placeholder={placeholder} style={{ paddingTop: 0, paddingBottom: 0 }} />
        <SelectIcon mr="$3">
          <Icon as={ChevronDownIcon} />
        </SelectIcon>
      </SelectTrigger>
      <SelectPortal>
        <SelectBackdrop />
        <SelectContent>
          <SelectDragIndicatorWrapper>
            <SelectDragIndicator />
          </SelectDragIndicatorWrapper>
          {Object.entries(options).map(([key, description]) => (
            <SelectItem key={key} label={description} value={key} />
          ))}
        </SelectContent>
      </SelectPortal>
    </Select>
  );
}

Here you can see it in the app (only 9 of 15 options selectable)
:

I really appreciate any help. Would be a bummer if I use gluestack anywhere but have to use something differen just for the select field.

[G-C0der]

Using SelectScrollView fixed it:

import React from 'react';
import { SelectScrollView, Select, SelectIcon, SelectInput, SelectTrigger, Icon, ChevronDownIcon, SelectPortal, SelectBackdrop, SelectContent, SelectDragIndicatorWrapper, SelectDragIndicator, SelectItem } from "@gluestack-ui/themed";

interface SelectFieldProps {
  placeholder: string;
  options: { [key: string | number]: string }
}

export function SelectField({ placeholder, options }: SelectFieldProps) {
  return (
    <Select>
      <SelectTrigger variant="outline" size="md">
        <SelectInput placeholder={placeholder} style={{ paddingTop: 0, paddingBottom: 0 }} />
        <SelectIcon mr="$3">
          <Icon as={ChevronDownIcon} />
        </SelectIcon>
      </SelectTrigger>
      <SelectPortal>
        <SelectBackdrop />
        <SelectContent>
          <SelectScrollView>
            <SelectDragIndicatorWrapper>
              <SelectDragIndicator />
            </SelectDragIndicatorWrapper>
            {Object.entries(options).map(([key, description]) => (
              <SelectItem key={key} label={description} value={key} />
            ))}
          </SelectScrollView>
        </SelectContent>
      </SelectPortal>
    </Select>
  );
}