v0.63.0 Discussion

[elicwhite]

Highlighted Changes

• Native Colors (PlatformColor, DynamicColorIOS)
• LogBox
• Pressable
• Dropping iOS 9 support
• Dropping Node.js 8 support (>=10 is now required)
• Android Support for rendering Views in Text without explicit size

Work Required

• Changelog @jeremy-deutsch
• Blog post @grabbou

Click to expand!

• Update react.gradle react/react-native#28776
• Fix scrollResponderScrollNativeHandleToKeyboard warnings. Fix here
• A new Image Prop analyticTag was accidentally landed. This needs to get prefixed as internal @dvacca. Fix here
• Android doesn't build due to missing cliPath
• Android doesn't build due to incorrect Kotlin version

Non-Blocking

Click to expand!

• Bump Flipper to v0.41
• Documentation for Pressable @kikisaints / @rachelnabors
• Rename Pressable pressRectOffset prop to pressRetentionOffset. @TheSavior
• Make sure PlatformColor ESLint rule is enabled on new projects (might require publishing a new package)
• Remove ColorAndroid method @tom-un
• Documentation for PlatformColor @kikisaints / @rachelnabors
• Documentation for DynamicColorIOS @kikisaints / @rachelnabors
• Fix Pressable's Android ripple with borderless @vonovak. Fix here
• Fix Podfile paths to React Native in monorepos and non-standard structures @grabbou
• Ensure Hermes is on 0.5.0 @willholen (react/react-native@4305a291a94)
• Cherry-pick Podfile cleanup
• Allow iOS PlatformColor strings to be ObjC or Swift UIColor selectors react/react-native@25793ea
• react/react-native@d06ee3d

Hopeful Dates

We can never commit to the dates involved in a release as many things are out of our control. However, we are thinking about these rough dates for this release.

• Publish as Stable: June

[QandilAFA]

Fix android shadow system and make it use same props like ios system to be easy, please fix a very bad react dev debag it's make animation very slow when it opened, make support for react native to can use flooting windows

[ltcaosj]

Please include this into the release a well, there are so many people need it.
Allow touches on clipped children when clipChildren==false react/react-native#26374

[grabbou]

During the testing, we've discovered a potential DX downgrade and submitted a PR to quickly resolve it: react/react-native#28572.

Should be merged today - don't think it's a blocker.

[ralph-dev]

Just curious what the status is with FlatList Versus SectionList versus indirectly overlaps like ScrollView / Fast List. styled-components don't support .SectionList but does support .FlatList and ReactNative Web does not recommend either and pushes you towards Fast List. So from an integration perspective, I feel like at the minimum we should deprecate SectionList and improve FlatList significantly?

This is I'm sure out of scope for the next release but I would like to hear something about this topic in general (At least a discussion to recognize the issue / Updating Docs if I am incorrect)

[elicwhite]

These release threads are not the right place for many of the above comments. Responding in one comment so that they can be hidden.

@hoSheiMa The native android platform doesn't provide more capabilities for shadows so there isn't really anything React Native can reasonably do for this that is performant.

@ltcaosj that clipChildren PR is essentially a new capability. We recognize that it is important, but as it isn't a bug introduced by an individual release and has existed for many years, the improvement will land and be part of whatever release is cut after it lands. That may not be 0.63.

@ralph-dev SectionList and FlatList are different and are both necessary in React Native. SectionList renders sections of list items with their own headers, FlatList renders a single flat list of items.

[chetstone]

Just curious-- what is the rationale for dropping support for iOS 9? I know it's old, but the form factor (fits nicely in the palm) of older devices that only run iOS 9.3.6 is ideal for my app...
If you can point me to a discussion that would be great..

Thanks.

[elicwhite]

@chetstone We periodically drop old iOS versions that we see very little usage of in order to be able to use newer features and ease development.

A bit more concretely, as React Native is developed in the same monorepo as the Facebook app and all the other apps created by Facebook, we have to maintain the same support. The apps created by Facebook dropped support for iOS 9 at the end of last year.

[chetstone]

Thanks for the reply.

…

On Mon, Apr 13, 2020 at 11:39 AM Eli White ***@***.***> wrote: @chetstone <https://github.com/chetstone> We periodically drop old iOS versions that we see very little usage of in order to be able to use newer features and ease development. A bit more concretely, as React Native is developed in the same monorepo as the Facebook app and all the other apps created by Facebook, we have to maintain the same support as them. The apps created by Facebook dropped support for iOS 9 at the end of last year. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#186 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAHOLV6DWI6XVEZWDFF6XCDRMNE35ANCNFSM4MCQC5FQ> .

[grabbou]

Hit an Android error while running a new project: react/react-native#28466

Investigating.

[grabbou]

I have submitted a PR to fix that issue: react/react-native#28625. I am still working on it, it may change a bit before it's fully ready.

[grabbou]

Another issue on Android while building a project:

• What went wrong:
  The Android Gradle plugin supports only Kotlin Gradle plugin version 1.3.10 and higher.
  The following dependencies do not satisfy the required version:
  root project 'RNTestProject' -> org.jetbrains.kotlin:kotlin-gradle-plugin:1.3.0

Cause: https://github.com/facebook/react-native/blob/29d3dfbd196176af98c9727c82ff2668e697d78e/template/android/build.gradle

Fix: Set to 1.3.10.

[grabbou]

I have submitted a PR to fix that issue: react/react-native#28626.

[KingAmo]

react/react-native#21801 [Android][Animation] Interpolated translateY value causes android view to jump

@TheSavior could this issue be fix in 0.63? it is really a big problem for all react native developer