Последний результат из поиска скрыт внизу TabNavigaor - PullRequest
Новая
       4

Последний результат из поиска скрыт внизу TabNavigaor

0 голосов
/ 29 ноября 2018

Проблема в том, что последний результат поиска скрыт в bottomTabNavigaor, и я не могу прокрутить последний результат над ним.
Мне нужно увидеть bottomTabNavigaor, чтобы не скрывать его. 

    return (
        <View>
          <ScrollView  style={{ backgroundColor: '#DEFEFC'}}>
            {musicList.map(songObj => {
              return (
                <View key={songObj.Song_ID} >
                  <TouchableOpacity style={styles.resultsContainer}
                    onPress={this.GetListViewItem.bind(this, songObj.Song_ID)}
                  >
                    <Text style={{ fontSize: 16, flex:1}} key={songObj.Song_ID}>
                      {songObj.Song_Name}
                    </Text>
                    <Image source={{ uri: songObj.Image }} style={styles.img} />
                  </TouchableOpacity>
                </View>
              );
            })}
          </ScrollView>
        </View>
      );

screenshot of the iOS app

my bottomTabNavigator: 

const HomeStack = createStackNavigator({
  Home: HomeScreen
});
HomeStack.navigationOptions = {
  tabBarLabel: "Home",
  tabBarIcon: (
    <Image
      style={{ width: 27, height: 27 }}
      source={{uri: bottomImage+ "/home.png"}}
    />
  )
};
const SearchStack = createStackNavigator({
  Search: SearchScreen
});

SearchStack.navigationOptions = {
  tabBarLabel: "Search Music",
  tabBarIcon: (
    <Image
      style={{ width: 27, height: 27 }}   
      
      source={{uri: bottomImage +"/search_1.jpg"}}
    />
  )
};
/////----{ I shorten it you can guess the others} ---
export default createBottomTabNavigator({
  HomeStack,
  ArtistsStack,
  SearchStack,
  PlaylistStack,
  ShowDataStack
});

, если понадобится какой-либо дополнительный код, пожалуйста, скажите мне, и я поставлю его здесь.

1 Ответ

0 голосов
/ 29 ноября 2018

Эта проблема не связана с тем, что у навигатора была та же проблема с представлением прокрутки. Самый простой способ сортировки - использование отступа внизу для представления прокрутки. 

<ScrollView  style={{ backgroundColor: '#DEFEFC',paddingBottom: 50}}>
</ScrollView>

Обновлениезначение отступа в зависимости от высоты вашего элемента.

...