f66fba83cf
Summary:
Set the initial opacity based on the style opacity instead of defaulting to 1. Without this change, if the opacity on the view is set to 0.5 (for example), the component will render with 1 opacity and then after a press and release it will set to 0.5. This fixes it to set to the correct value on mount.
**Test plan (required)**
Example code:
```
<TouchableOpacity
activeOpacity={1}
style={STYLES.Button}>
{...}
</TouchableOpacity>
```
```
const STYLES = StyleSheet.create({
Button: {
opacity: 0.5,
},
});
```
Before (notice starts out dark and then after click and release becomes light):
After (starts out light and is the same light color after a click and release):
Closes https://github.com/facebook/react-native/pull/12628
Differential Revision: D4641509
fbshipit-source-id: 3b6cf653fe837df704007f585c655d4450d14497
|
||
|---|---|---|
| .. | ||
| __mocks__ | ||
| __tests__ | ||
| BoundingDimensions.js | ||
| Position.js | ||
| Touchable.js | ||
| TouchableBounce.js | ||
| TouchableHighlight.js | ||
| TouchableNativeFeedback.android.js | ||
| TouchableNativeFeedback.ios.js | ||
| TouchableOpacity.js | ||
| TouchableWithoutFeedback.js | ||
| ensureComponentIsNative.js | ||
| ensurePositiveDelayProps.js | ||
