MySlider.js

<View style={styles.container}>
        <FlatList 
          ref={ref => {
            this.flatListRef = ref;
          }}
          onViewableItemsChanged={this.onViewableItemsChanged} 
        .../>
        <View style={styles.buttonContainer}>
          <Button title={'Previous'} onPress={this.scrollPrevious} />
          <Button title={'Next'} onPress={this.scrollNext} />
        </View>
      </View>
 
const styles = StyleSheet.create({
...
  buttonContainer: {
    justifyContent: 'space-between',
    flexDirection: 'row',
  },
});