I am using the React-Native-Elements Library to create tabs. Under the TabView, I have a FlatList, the list appears but it is not able to scroll, I have tried implementing flex: 1 as well as wrapping the FlatList in a ScrollView. The code is below shows the TabView along with the rendering of the TabView.Item, View and FlatList.

<TabView value={this.state.index} onChange={this.handleChange}>
          <TabView.Item style={{width: deviceWidth}}>
            <View style={{flex: 1}}>
              <Text style={styles.text}> Blockchain News </Text>
              <FlatList
                // eslint-disable-next-line react-native/no-inline-styles
                style={styles.bgColor}
                data={this.state.articles}
                renderItem={({item}) => <DataItem article={item} />}
                keyExtractor={item => item.url}
                refreshing={this.state.refreshing}
                onRefresh={this.handleRefresh.bind(this)}
              />
            </View>
          </TabView.Item>