octopitus / rn-sliding-up-panel

Draggable sliding up panel implemented in React Native https://octopitus.github.io/rn-sliding-up-panel/
MIT License
929 stars 157 forks source link

bug in release mode #177

Open achmadfaturrizky opened 4 years ago

achmadfaturrizky commented 4 years ago

Issue Description

so, I don't know why, when I use rn-sliding-up-panel in debug mode, there is no problem, everything is fine, but in release mode, the slide disappears, I don't know why that can happen

Steps to Reproduce / Code Snippets / Screenshots


<SlidingUpPanel
  containerStyle={styles.slidingUpPanelContainer}
  allowMomentum={true}
  draggableRange={{
    top: screenHeight,
    bottom: 150,
  }}>
  <ImageBackground
    style={{flex: 1, padding: 20}}
    source={require('../../assets/slideUpBackground.png')}
    resizeMode="stretch">
    <View style={styles.whiteLine} />
    <View style={{paddingTop: 20}}>
      <Text style={{fontWeight: 'bold', fontSize: 18}}>
        Jadwal Kamu
      </Text>
    </View>
    {data.length === 0 ? (
      <View style={{alignItems: 'center', marginTop: 15}}>
        <Text
          style={{
            fontSize: 15,
            fontWeight: 'bold',
            marginBottom: 3,
          }}>
          Belum Ada Jadwal
        </Text>
        <Text
          style={{
            textAlign: 'center',
            fontSize: 12,
            marginHorizontal: 37,
          }}>
          Pilih Kendaraan mu dan rencanakan perjalanan mu terlebih
          dahulu
        </Text>
      </View>
    ) : (
      <FlatList
        style={{marginTop: 10, flex: 1}}
        showsVerticalScrollIndicator={false}
        contentContainerStyle={{paddingBottom: 200}}
        data={data}
        renderItem={({item}) => {
          return (
            <View>
              <View
                style={{
                  flexDirection: 'row',
                  alignItems: 'center',
                }}>
                <Text>{item.time}</Text>
                <View style={styles.blackLine} />
              </View>
              <View style={{marginLeft: '15%'}}>
                <CostumerActivity
                  date={moment(item.date.toString()).format('DD')}
                  month={moment(item.date.toString()).format('MMM')}
                  locationHeader={item.location}
                  locationDetails={item.location}
                />
              </View>
            </View>
          );
        }}
        keyExtractor={item => item.idTransaction.toString()}
      />
    )}
  </ImageBackground>
</SlidingUpPanel>

Environment

shivendra2015iiit commented 3 years ago

I too have same issue