Nativebase: ScrollView within Content

[smithb1994]

ScrollView doesn't work within Content because Content is a ScrollView itself. Scrolling functionality takes precedence to Content rather than the ScrollView within Content.

Proposed solution:

• Make Content a View, rather than a ScrollView.

Similar issue at #177

[sankhadeeproy007]

Use scrollEnabled={false} with <Content>

[smithb1994]

@sankhadeeproy007 this is not a solution. This will disable scroll for all sub views as well. What we want is the scroll to be set for the ScrollView within Content. Which isn't possible when Content is a ScrollView.

[alvelig]

@smithb1994 I replaced Tabs element with https://github.com/aksonov/react-native-tab, put it in the header and fell totally happy.

[raarts]

I think we need a ContentNoScroll component.

[raarts]

@alvelig the correct link is https://github.com/aksonov/react-native-tabs

[Nvelu048]

This worked for me
<Content contentContainerStyle={{flex:1}}> (or) <Content scrollEnabled={false}>

[thobiasn]

@Nvelu048 @sankhadeeproy007 What is the point of using a content element if we are disabling scrolling? Isn't this the whole point of the element in the first place?

Edit: Actual solution found. Take a look at: https://stackoverflow.com/questions/29756217/react-native-nested-scrollview-locking-up

Add the following prop to any nested scrollviews
<ScrollView nestedScrollEnabled={true}></ScrollView>