Реагент Родной ScrollView/ListView RefreshControl интимно уродливый сверху справа

Question

У меня есть RefreshControl, прикрепленный к ScrollView. Все работает так, как ожидалось, но изначально (когда я не начинал прокрутку), всегда отображается RefreshControl в правом верхнем углу. Когда я начинаю прокрутку, она исчезает.

Любая идея, как избавиться от этого?

код нет ничего особенного, если вы хотите, я дам его здесь:

// ... 
export default class SomeList extends React.Component 
{ 
    // ... 
    render() { 
     return <View style={{flex: 1}}> 
      <CustomNavbar /> 
      <ScrollView 
       style={{marginTop: 35}} 
       refreshControl={ 
        <RefreshControl 
         tintColor={$.config.colors.style} 
         onRefresh={() => this._refreshList()} 
         refreshing={this.state.listRefreshing} 
        /> 
       } 
      > 
       {this._renderItems()} 
      </ScrollView> 
     </View> 
    } 
} 

image of issue http://image.prntscr.com/image/9315e227b2ad4f6297651be3dc7bac7c.png

Answer 1

Это ошибка в реакции родной, которая была введена в версии 0,31 или около того. Он был исправлен в версии 0.34.1 (см. this commit), поэтому, я думаю, вы используете предыдущую версию.

Если вы не хотите обновить, вы можете временно решить ее настройки цвета фона управления обновления к прозрачному: <RefreshControl style={{backgroundColor: 'transparent'}}/>