Update upgrade guide for tab view

Author: satya164

versioned_docs/version-7.x/upgrading-from-6.x.md

@@ -494,17 +494,36 @@ Previously, the UI elements in React Navigation such as the header on platforms
 
 #### React Native Tab View now has a new API to specify various options
 
-The API for the `TabView` and `TabBar` component in `react-native-tab-view` has been revamped. Previously, the `TabBar` took the following props:
+The API for the `TabView` and `TabBar` component in `react-native-tab-view` has been revamped.
 
-- `getLabelText`
-- `getAccessible`
-- `getAccessibilityLabel`
-- `getTestID`
-- `renderIcon`
-- `renderLabel`
-- `renderBadge`
+Some of props accepted by the `TabBar` have now been replaced with `commonOptions` and `options` props on `TabView`:
 
-These props have been replaced with `commonOptions` and `options` props on `TabView`:
+- `getLabelText` -> `labelText`
+- `getAccessible` -> `accessible`
+- `getAccessibilityLabel` -> `accessibilityLabel`
+- `getTestID` -> `testID`
+- `renderIcon` -> `icon`
+- `renderLabel` -> `label`
+- `renderBadge` -> `badge`
+- `labelStyle`
+- `sceneContainerStyle` -> `sceneStyle`
+
+To keep the same behavior when updating your existing code, move these props to `commonOptions` prop on `TabView`:
+
+```diff lang=js
+<TabView
+  renderTabBar={(props) => (
+-     <TabBar {...props} renderLabel={renderLabel} labelStyle={labelStyle} />
++     <TabBar {...props} />
+  )}
++   commonOptions={{
++     label: renderLabel,
++     labelStyle,
++   }}
+/>
+```
+
+The options can also be customized individually for each tab by passing an object to the `options` prop with the `route.key` as the key and the options as the value:
 
 ```js
 <TabView