diff --git a/packages/react-native-web/src/exports/Picker/PickerItem.js b/packages/react-native-web/src/exports/Picker/PickerItem.js index 1f435ddb..af5bcf3b 100644 --- a/packages/react-native-web/src/exports/Picker/PickerItem.js +++ b/packages/react-native-web/src/exports/Picker/PickerItem.js @@ -19,7 +19,8 @@ export default class PickerItem extends Component { }; render() { - const { label, testID, value } = this.props; - return createElement('option', { testID, value }, label); + const { color, label, testID, value } = this.props; + const style = { color }; + return createElement('option', { style, testID, value }, label); } } diff --git a/website/storybook/1-components/Picker/PickerScreen.js b/website/storybook/1-components/Picker/PickerScreen.js index 3943bdd3..90897ac3 100644 --- a/website/storybook/1-components/Picker/PickerScreen.js +++ b/website/storybook/1-components/Picker/PickerScreen.js @@ -98,8 +98,16 @@ const PickerScreen = () => ( Individual selectable item in a Picker.
- + + + + + ( ); const styles = StyleSheet.create({ - rootl: { + root: { alignItems: 'flex-start' } });