oblador/react-native-collapsible

Adding padding triggers whole Accordion to collapse?

Open

#279 aperta il 22 feb 2019

Vedi su GitHub
 (4 commenti) (0 reazioni) (0 assegnatari)JavaScript (449 fork)github user discovery
awaiting-replyhelp wanted

Metriche repository

Star
 (2589 star)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

 render() {
        return (
            <View style={styles.container}>
                <Accordion
                    sections={this.state.sections}
                    activeSections={this.state.activeSections}
                    renderHeader={this._renderHeader}
                    renderContent={this._renderSectionContent}
                    onChange={this._updateSections.bind(this)}
                />
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: 'transparent',
      paddingLeft: 15,
      paddingRight: 15,
      paddingTop: 30
    },

So I have the above code embedded into another accordion - but it seems like when I click on the embedded accordion's header it collapses everything incuding the parent accordion....

Guida contributor

Direzione di ricerca
Esaminare la propagazione degli eventi nei componenti touchable annidati; assicurarsi che gli eventi tocco dell'accordion interno non si propaghino all'accordion genitore. Considerare l'uso di `event.stopPropagation()` o verificare la gestione del tocco nel componente.
Tech stack
javascriptreact native
Dominio
mobile
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
React NativeReact
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60