status-im
/
react-native
mirror of https://github.com/status-im/react-native.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity
react-native/RNTester/js
History
Nicolas Charpentier 0cce0a62c1 Add backface-visibility support on Android (#15970) 
Summary:
`backfaceVisibility` was only available on iOS and 3D transformations were lacking on Android.

Backface Visibility is computed from ~the decomposed matrix of transform prop~ the view with their rotation degree values.

~`MatrixDecompositionContext` properties have been made public so we can access to decomposed matrix values from outside (`ReactViewGroup`).~

I'm not sure if this is the best implementation, so if it's not let's discuss it.

cc janicduplessis foghina

Tested in https://github.com/charpeni/react-native-backface-visibility.

| Before | Now |
| - | - |
| <img src="https://user-images.githubusercontent.com/7189823/30123717-e5361598-9300-11e7-8e2e-a87a7a8d896a.gif" width="260" /> | <img src="https://user-images.githubusercontent.com/7189823/30514997-4d203572-9aee-11e7-8542-bfde41678eb6.gif" width="244" /> |

| iOS | Android |
| - | - |
| <img src="https://user-images.githubusercontent.com/7189823/36995899-609513b4-2083-11e8-9834-ee44c1a292e1.gif" width="300" /> | <img src="https://user-images.githubusercontent.com/7189823/36995978-9ed3b158-2083-11e8-841e-b9e3357d2509.gif" width="240" /> |

[ANDROID] [FEATURE] [ReactViewGroup] - Add backface-visibility support on Android
Pull Request resolved: https://github.com/facebook/react-native/pull/15970

Differential Revision: D9411130

Pulled By: hramos

fbshipit-source-id: 62f646a4de37d83922286cb98893a95b55fa889e
 		2018-09-07 10:26:20 -07:00
..
AnimatedGratuitousApp Bump Prettier to 1.13.4 on xplat 2018-06-06 05:32:06 -07:00
Thumbnails Re-license and rename UIExplorer integration test app as RNTester 2017-05-08 11:31:19 -07:00
ARTExample.js Switch to Platform.isTV to pass Android Flow 2018-06-10 13:45:57 -07:00
AccessibilityAndroidExample.android.js Added 5 examples of new Accessibility API to RN Tester on Android 2018-08-08 01:31:46 -07:00
AccessibilityIOSExample.js accessibilityTraits + accessibilityComponentType >> accessibilityRole + accessibilityStates 3/3 2018-07-26 13:48:29 -07:00
ActionSheetIOSExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
ActivityIndicatorExample.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
AlertExample.js Bump Prettier to 1.13.4 on xplat 2018-06-06 05:32:06 -07:00
AlertIOSExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
AnimatedExample.js Animated Example using Image 2018-06-20 23:48:18 -07:00
AppStateExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
AssetScaledImageExample.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
AsyncStorageExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
BorderExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
BoxShadowExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
ButtonExample.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
CameraRollExample.js Remove @providesModule from all modules 2018-04-25 07:37:10 -07:00
CameraRollView.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
CheckBoxExample.js Remove @providesModule from all modules 2018-04-25 07:37:10 -07:00
ClipboardExample.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
DatePickerAndroidExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
DatePickerIOSExample.js Bump Prettier to 1.13.4 on xplat 2018-06-06 05:32:06 -07:00
DimensionsExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
ExampleTypes.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
FlatListExample.js Add FlatList and SectionList to Animated exports 2018-07-17 22:35:28 -07:00
GeolocationExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
ImageCapInsetsExample.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
ImageEditingExample.js Typing View style as ViewStyleProp 2018-08-14 16:32:11 -07:00
ImageExample.js Implement Image.queryCache on iOS (#18782) 2018-08-20 16:17:18 -07:00
InputAccessoryViewExample.js Bump Prettier to 1.13.4 on xplat 2018-06-06 05:32:06 -07:00
KeyboardAvoidingViewExample.js Bump Prettier to 1.13.4 on xplat 2018-06-06 05:32:06 -07:00
LayoutAnimationExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
LayoutEventsExample.js Typing View style as ViewStyleProp 2018-08-14 16:32:11 -07:00
LayoutExample.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
LinkingExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
ListExampleShared.js Switch to Platform.isTV to pass Android Flow 2018-06-10 13:45:57 -07:00
ListViewExample.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
ListViewGridLayoutExample.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
ListViewPagingExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
MaskedViewExample.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
ModalExample.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
MultiColumnExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
NativeAnimationsExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
NetInfoExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
OrientationChangeExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
PanResponderExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
PermissionsExampleAndroid.android.js Replace '@flow strict(-local)' with '@flow' in .android.js files 2018-08-08 10:48:19 -07:00
PickerExample.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
PickerIOSExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
PointerEventsExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
ProgressBarAndroidExample.android.js Add flow suppressions to xplat android 2018-08-13 11:16:41 -07:00
ProgressViewIOSExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
PushNotificationIOSExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
RCTRootViewIOSExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
RNTesterActions.js Flow strictify possible files in RN core 2018-06-20 00:47:21 -07:00
RNTesterApp.android.js Add flow suppressions to xplat android 2018-08-13 11:16:41 -07:00
RNTesterApp.ios.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
RNTesterBlock.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
RNTesterButton.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
RNTesterExampleContainer.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
RNTesterExampleList.js Typing View style as ViewStyleProp 2018-08-14 16:32:11 -07:00
RNTesterList.android.js Add flow suppressions to xplat android 2018-08-13 11:16:41 -07:00
RNTesterList.ios.js Remove NavigatorIOS 2018-09-07 10:26:20 -07:00
RNTesterNavigationReducer.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
RNTesterPage.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
RNTesterSettingSwitchRow.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
RNTesterStatePersister.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
RNTesterTitle.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
RTLExample.js Bump Prettier to 1.13.4 on xplat 2018-06-06 05:32:06 -07:00
RefreshControlExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
RootViewSizeFlexibilityExampleApp.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
SafeAreaViewExample.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
ScrollViewExample.js v0.79.1 in xplat/js 2018-08-18 22:19:34 -07:00
ScrollViewSimpleExample.js Bump Prettier to 1.13.4 on xplat 2018-06-06 05:32:06 -07:00
SectionListExample.js Add FlatList and SectionList to Animated exports 2018-07-17 22:35:28 -07:00
SegmentedControlIOSExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
SetPropertiesExampleApp.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
ShareExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
SliderExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
SnapshotExample.js Remove @providesModule from all modules 2018-04-25 07:37:10 -07:00
StatusBarExample.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
SwipeableFlatListExample.js Remove @providesModule from all modules 2018-04-25 07:37:10 -07:00
SwipeableListViewExample.js Bump Prettier to 1.13.4 on xplat 2018-06-06 05:32:06 -07:00
SwitchExample.js Switch: Warn for Deprecated Color Props 2018-07-31 21:01:41 -07:00
TVEventHandlerExample.js Switch to Platform.isTV to pass Android Flow 2018-06-10 13:45:57 -07:00
TabBarIOSBarStyleExample.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
TabBarIOSExample.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
TextExample.android.js Android textTransform style support (#20572) 2018-08-13 21:31:57 -07:00
TextExample.ios.js Text: send metrics after rendering (iOS) 2018-08-24 13:33:08 -07:00
TextInputExample.android.js Add flow suppressions to xplat android 2018-08-13 11:16:41 -07:00
TextInputExample.ios.js Fix controlled <TextInput> on iOS when inputting in Chinese/Japanese 2018-07-30 08:01:10 -07:00
TimePickerAndroidExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
TimerExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
ToastAndroidExample.android.js Replace '@flow strict(-local)' with '@flow' in .android.js files 2018-08-08 10:48:19 -07:00
ToolbarAndroidExample.android.js Replace '@flow strict(-local)' with '@flow' in .android.js files 2018-08-08 10:48:19 -07:00
ToolbarAndroidExample.ios.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
TouchableExample.js accessibilityTraits + accessibilityComponentType >> accessibilityRole + accessibilityStates 2/3 2018-07-25 23:48:26 -07:00
TransformExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
TransparentHitTestExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
URIActionMap.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
VibrationExample.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
VibrationIOSExample.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
ViewExample.js Add backface-visibility support on Android (#15970) 2018-09-07 10:26:20 -07:00
ViewPagerAndroidExample.android.js Bump Prettier to 1.13.4 on xplat 2018-06-06 05:32:06 -07:00
WebSocketExample.js Remove @providesModule from all modules 2018-04-25 07:37:10 -07:00
WebViewExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
XHRExample.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
XHRExampleBinaryUpload.js Adding flow strict local to remaining possible files in xplat/JS 2018-08-09 08:54:44 -07:00
XHRExampleCookies.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
XHRExampleDownload.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
XHRExampleFetch.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
XHRExampleFormData.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
XHRExampleHeaders.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
XHRExampleOnTimeOut.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
bunny.png Re-license and rename UIExplorer integration test app as RNTester 2017-05-08 11:31:19 -07:00
createExamplePage.js Prettier the rest of ReactNative 2018-05-11 13:52:30 -07:00
flux@3x.png fixed image in RNTester snapshot example 2017-08-31 15:16:05 -07:00
hawk.png Re-license and rename UIExplorer integration test app as RNTester 2017-05-08 11:31:19 -07:00
helloworld.html Re-license and rename UIExplorer integration test app as RNTester 2017-05-08 11:31:19 -07:00
http_test_server.js Prettier files with shebang 2018-05-11 13:52:30 -07:00
imageMask.png MaskedViewIOS -- A way to apply alpha masks to views on iOS 2017-07-11 15:05:57 -07:00
messagingtest.html Typos in comments and log messages 2018-01-12 22:18:45 -08:00
relay@3x.png fixed image in RNTester snapshot example 2017-08-31 15:16:05 -07:00
slider-left.png Re-license and rename UIExplorer integration test app as RNTester 2017-05-08 11:31:19 -07:00
slider-left@2x.png Re-license and rename UIExplorer integration test app as RNTester 2017-05-08 11:31:19 -07:00
slider-right.png Re-license and rename UIExplorer integration test app as RNTester 2017-05-08 11:31:19 -07:00
slider-right@2x.png Re-license and rename UIExplorer integration test app as RNTester 2017-05-08 11:31:19 -07:00
slider.png Re-license and rename UIExplorer integration test app as RNTester 2017-05-08 11:31:19 -07:00
slider@2x.png Re-license and rename UIExplorer integration test app as RNTester 2017-05-08 11:31:19 -07:00
uie_comment_highlighted@2x.png Re-license and rename UIExplorer integration test app as RNTester 2017-05-08 11:31:19 -07:00
uie_comment_normal@2x.png Re-license and rename UIExplorer integration test app as RNTester 2017-05-08 11:31:19 -07:00
uie_thumb_big.png Revert D5189017: [RN] Native implementation of <Image> intrinsic content size on iOS 2017-10-25 08:20:48 -07:00
uie_thumb_normal@2x.png Re-license and rename UIExplorer integration test app as RNTester 2017-05-08 11:31:19 -07:00
uie_thumb_selected@2x.png Re-license and rename UIExplorer integration test app as RNTester 2017-05-08 11:31:19 -07:00
websocket_test_server.js Prettier files with shebang 2018-05-11 13:52:30 -07:00