Typing doesn't permit arrays when supplying style overrides

[stevebutler2210]

Describe the bug

The PickerStyle type definition doesn't allow for arrays of style objects to be passed for any of the properties, requiring unnecessary use of StyleSheet.flatten() to satisfy the typings. Passing arrays of style objects is valid syntax (thanks to RN StyleProp), and behaves as expected if you ignore the type errors—use of flatten shouldn't be necessary here unless the situation strictly requires it (to flatten nesting etc).

Proposed solution would be to amend the typing of the PickerStyle interface to use e.g. StyleProp<ViewStyle> instead of ViewStyle.

To Reproduce

Pass an array of ViewStyle objects into the style.inputAndroidContainer prop.

Simple reproduction can be seen with the following implementation, or on the snack linked below:

import React from "react";
import type { StyleProp, ViewStyle } from "react-native";
import RNPickerSelect from "react-native-picker-select";

interface DropdownProps {
  value: string;
  options: string[];
  editable?: boolean;
}

export const Dropdown: React.FC<DropdownProps> = ({
  value,
  options,
  editable,
}) => {
  const $customInputWrapperStyles: StyleProp<ViewStyle> = [
    $inputWrapperStyles,
    !editable && $inputWrapperDisabledStyles,
  ]

  return (
    <RNPickerSelect
      value={value}
      items={options.map((option) => ({ label: option, value: option }))}
      disabled={!editable}
      style={{
        inputAndroidContainer: $customInputWrapperStyles,
      }}
    />
  );
};

const $inputWrapperStyles: ViewStyle = {
  borderWidth: 1,
  borderRadius: 100,
  borderColor: "black",
  backgroundColor: "white",
};

const $inputWrapperDisabledStyles: ViewStyle = {
  backgroundColor: "gray",
};

The styles work, but a type error is raised.

Expected behavior

As the style syntax is valid, no type error should be raised.

Screenshots

Additional details

• react-native-picker-select version: 8.1.0
• react-native version: 0.72.4
• expo sdk version: 49

Reproduction and/or code sample

https://snack.expo.dev/@stevebutlerkyan/rnpicker-styleprop-type-error-example

[lfkwtz]

Interested in contributing a fix?

[stevebutler2210]

@lfkwtz 💯 just wanted to make sure the issue was agreed upon first! If we're on the same page, I'll try and get something raised later today 👍