Styjun

Whipping heavy cream with melted chocolate

I have found a mistake on someone's code published online: what is the protocol?

What details should I consider before agreeing for part of my salary to be 'retained' by employer?

"This used to be my phone number"

Why don't humans perceive waves as twice the frequency they are?

Why does a tetrahedral molecule like methane have a dipole moment of zero?

Difference between c++14 and c++17 using: `*p++ = *p`

Demographic consequences of closed loop reincarnation

How to find location on Cambridge-Mildenhall railway that still has tracks/rails?

Why did my "seldom" get corrected?

Grouping into more groups in one iteration

What makes MOVEQ quicker than a normal MOVE in 68000 assembly?

How can I help our ranger feel special about her beast companion?

Why isn't a binary file shown as 0s and 1s?

Is Error correction and detection can be done with out adding extra bits?

What did Jeremy Hunt mean by "slipped" to miss a vote?

Drawing a circle with nodes shift with Tikz

What could make large expeditions ineffective for exploring territory full of dangers and valuable resources?

Amira L'Akum not on Shabbat

Why did Fury respond that way?

What happens if a company buys back all of its shares?

Inscriptio Labyrinthica

How much water can a ship take on before sinking?

Software need db owner permission to master database (sql2016)

Tab navigator doesn't work inside ScrollView

Show splash screen before show main screen in react native without using 3rd party libraryForce scrollview to re-render when closing a react-navigation modal?Nested ViewPager React Native 0.50React navigation: stack navigator with tab navigator is not workingHow to push a new scene using react-navigation?How to manage two navigation on single page one createstack navigator and second is drawer navigator?Scrollview with react navigation tabs as contentUsing tabBarOptions and tabBarComponent on react navigation but the background image is under and tab of bottom went about itReact Native this.props.navigation.navigate is not working when using it in createBottomTabNavigator

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

I've placed a tab navigator in the middle of the screen. It has few other components above tab navigator. I need a scrollView as the parent component since I need to vertically scroll the tab navigator along with other components in the screen. But the tab navigator stops working if its parent component is ScrollView.

https://snack.expo.io/@codebyte99/tab-navigator-in-scrollview-test

Code:

export default class App extends React.Component 
 render() 
 return (
 <ScrollView> //if ScrollView is removed, it works.
 <View style= flex: 1, marginTop: 50 >
 <Card>
 <AssetExample />
 </Card> 
 <DetailTab />
 </View>
 </ScrollView>
 );
 

Tab navigation:

const DetailTab = createMaterialTopTabNavigator(
 Info: Home,
 Menu: Home,
 Review: Home,
,
 
 defaultNavigationOptions: ( navigation ) => (
 ),
 tabBarOptions: 
 activeTintColor: 'blue',
 inactiveTintColor: '#80868B',
 activeBackgroundColor: 'transparent',
 inactiveBackgroundColor: 'transparent',
 labelStyle: 
 fontSize: 12,
 ,
 tabStyle: 
 paddingBottom: 10,
 paddingTop: 10,
 backgroundColor: 'transparent',
 ,
 style: 
 backgroundColor: 'white',
 ,
 indicatorStyle: 
 backgroundColor: 'blue'
 
 ,
 
);

export default createAppContainer(DetailTab);

react-native-android react-navigation

share|improve this question

asked Mar 26 at 10:03

beckbeck

1,33722 gold badges77 silver badges1919 bronze badges

add a comment | 

0

I've placed a tab navigator in the middle of the screen. It has few other components above tab navigator. I need a scrollView as the parent component since I need to vertically scroll the tab navigator along with other components in the screen. But the tab navigator stops working if its parent component is ScrollView.

https://snack.expo.io/@codebyte99/tab-navigator-in-scrollview-test

Code:

export default class App extends React.Component 
 render() 
 return (
 <ScrollView> //if ScrollView is removed, it works.
 <View style= flex: 1, marginTop: 50 >
 <Card>
 <AssetExample />
 </Card> 
 <DetailTab />
 </View>
 </ScrollView>
 );
 

Tab navigation:

const DetailTab = createMaterialTopTabNavigator(
 Info: Home,
 Menu: Home,
 Review: Home,
,
 
 defaultNavigationOptions: ( navigation ) => (
 ),
 tabBarOptions: 
 activeTintColor: 'blue',
 inactiveTintColor: '#80868B',
 activeBackgroundColor: 'transparent',
 inactiveBackgroundColor: 'transparent',
 labelStyle: 
 fontSize: 12,
 ,
 tabStyle: 
 paddingBottom: 10,
 paddingTop: 10,
 backgroundColor: 'transparent',
 ,
 style: 
 backgroundColor: 'white',
 ,
 indicatorStyle: 
 backgroundColor: 'blue'
 
 ,
 
);

export default createAppContainer(DetailTab);

react-native-android react-navigation

share|improve this question

asked Mar 26 at 10:03

beckbeck

1,33722 gold badges77 silver badges1919 bronze badges

add a comment | 

I've placed a tab navigator in the middle of the screen. It has few other components above tab navigator. I need a scrollView as the parent component since I need to vertically scroll the tab navigator along with other components in the screen. But the tab navigator stops working if its parent component is ScrollView.

https://snack.expo.io/@codebyte99/tab-navigator-in-scrollview-test

Code:

export default class App extends React.Component 
 render() 
 return (
 <ScrollView> //if ScrollView is removed, it works.
 <View style= flex: 1, marginTop: 50 >
 <Card>
 <AssetExample />
 </Card> 
 <DetailTab />
 </View>
 </ScrollView>
 );
 

Tab navigation:

const DetailTab = createMaterialTopTabNavigator(
 Info: Home,
 Menu: Home,
 Review: Home,
,
 
 defaultNavigationOptions: ( navigation ) => (
 ),
 tabBarOptions: 
 activeTintColor: 'blue',
 inactiveTintColor: '#80868B',
 activeBackgroundColor: 'transparent',
 inactiveBackgroundColor: 'transparent',
 labelStyle: 
 fontSize: 12,
 ,
 tabStyle: 
 paddingBottom: 10,
 paddingTop: 10,
 backgroundColor: 'transparent',
 ,
 style: 
 backgroundColor: 'white',
 ,
 indicatorStyle: 
 backgroundColor: 'blue'
 
 ,
 
);

export default createAppContainer(DetailTab);

react-native-android react-navigation

share|improve this question

asked Mar 26 at 10:03

beckbeck

1,33722 gold badges77 silver badges1919 bronze badges

export default class App extends React.Component 
 render() 
 return (
 <ScrollView> //if ScrollView is removed, it works.
 <View style= flex: 1, marginTop: 50 >
 <Card>
 <AssetExample />
 </Card> 
 <DetailTab />
 </View>
 </ScrollView>
 );
 

const DetailTab = createMaterialTopTabNavigator(
 Info: Home,
 Menu: Home,
 Review: Home,
,
 
 defaultNavigationOptions: ( navigation ) => (
 ),
 tabBarOptions: 
 activeTintColor: 'blue',
 inactiveTintColor: '#80868B',
 activeBackgroundColor: 'transparent',
 inactiveBackgroundColor: 'transparent',
 labelStyle: 
 fontSize: 12,
 ,
 tabStyle: 
 paddingBottom: 10,
 paddingTop: 10,
 backgroundColor: 'transparent',
 ,
 style: 
 backgroundColor: 'white',
 ,
 indicatorStyle: 
 backgroundColor: 'blue'
 
 ,
 
);

export default createAppContainer(DetailTab);

share|improve this question

asked Mar 26 at 10:03

beckbeck

1,33722 gold badges77 silver badges1919 bronze badges

share|improve this question

asked Mar 26 at 10:03

beckbeck

1,33722 gold badges77 silver badges1919 bronze badges

asked Mar 26 at 10:03

beckbeck

1,33722 gold badges77 silver badges1919 bronze badges

asked Mar 26 at 10:03

beckbeck

1,33722 gold badges77 silver badges1919 bronze badges