在没有调试模式下，我的平面列表没有完全执行

Question

我正在通过 React 开发一个应用程序 native.i 有一个 problem.when 我的应用程序有一个非常好的调试模式 well.but 在没有调试模式的情况下，我的平面列表无法完全执行。例如：当渲染我的平面列表日期无效时。

  <FlatList
              style={{ flex: 1 }}
              extraData={this.state}

              data={this.state.data}
              renderItem={this.renderItem.bind(this)}
              keyExtractor={item => item._id.toString()}
              ListFooterComponent = { this.Render_Footer.bind(this) }
          />

并通过 :

渲染项目

renderItem({item}) {
    console.log(item)
    return <View 

        <View style={{flexDirection: 'row', justifyContent: 'space-between'}}>
            <Text style={{fontFamily: Font.main, fontSize: 12}}>{I18n.t('Type')}</Text>
            <Text style={{fontSize: 12, fontFamily: Font.main}}>{I18n.t(item.type)}</Text>

        </View>
        <View style={{flexDirection: 'row', justifyContent: 'space-between'}}>
            <Text style={{fontFamily: Font.main, fontSize: 12}}>{I18n.t('OrderDate')}</Text>
            <Text style={{
                fontFamily: this.state.isrtl ? Font.main_persian_digit : Font.main, color: Color.Gray
                , fontSize: 12
            }}>{this.state.isrtl ? getshamsidate(item.effective_time) : getmiladdate(item.effective_time)}</Text>

        </View>
        <View style={{flexDirection: 'row', justifyContent: 'space-between'}}>
            <Text style={{
                fontFamily: Font.main,
                color: item.status === 'pardakht' ? Color.green : Color.primarycolor,
                fontSize: 12
            }}>{I18n.t('TotalAmount')}</Text>
            <Text style={{
                fontFamily: this.state.isrtl ? Font.main_persian_digit : Font.main,
                color: item.status === 'pardakht' ? Color.green : Color.primarycolor
                ,
                fontSize: 12
            }}>{addCommas(item.amount)} {I18n.t('Toman')}</Text>

        </View>
        <View style={{flexDirection: 'row', justifyContent: 'space-between'}}>
            <Text style={{fontFamily: Font.main, fontSize: 12}}>{I18n.t('Status')}</Text>
            {
                item.status === 'SUCCESS' ?
                    <View style={{flexDirection: 'row', justifyContent: 'center', alignItems: 'center'}}>
                        <Icon
                            style={{fontSize: 10}}
                            name='checkmark'


                        />
                        <Text style={{
                            fontFamily: this.state.isrtl ? Font.main_persian_digit : Font.main,
                            paddingLeft: 5,
                            paddingRight: 5
                            ,
                            fontSize: 12
                        }}>{I18n.t(item.status)}</Text>

                    </View>
                    :
                    <View style={{flexDirection: 'row', justifyContent: 'center', alignItems: 'center'}}>
                        <Icon
                            style={{fontSize: 10, color: 'red'}}
                            name='close'


                        />
                        <Text style={{
                            fontFamily: this.state.isrtl ? Font.main_persian_digit : Font.main,
                            color: Color.Red,
                            paddingLeft: 5,
                            paddingRight: 5
                            ,
                            fontSize: 12
                        }}>{I18n.t(item.status)}</Text>
                    </View>

            }


        </View>
        <View style={{flexDirection: 'row', justifyContent: 'space-between'}}>
            <Text style={{fontFamily: Font.main, fontSize: 12}}>{I18n.t('PreviousCredit')}</Text>

            <View style={{flexDirection: 'row', justifyContent: 'center', alignItems: 'center'}}>

                <Text style={{
                    fontFamily: this.state.isrtl ? Font.main_persian_digit : Font.main,
                    paddingLeft: 5,
                    paddingRight: 5
                    ,
                    fontSize: 12
                }}>{item.balance_before !== null ?
                    addCommas(item.balance_before.toString()) : 0
                } {I18n.t('Toman')}
                </Text>
            </View>


        </View>
        <View style={{flexDirection: 'row', justifyContent: 'space-between'}}>
            <Text style={{fontFamily: Font.main, fontSize: 12}}>{I18n.t('NextCredit')}</Text>
            <View style={{flexDirection: 'row', justifyContent: 'center', alignItems: 'center'}}>

                <Text style={{
                    fontFamily: this.state.isrtl ? Font.main_persian_digit : Font.main,
                    paddingLeft: 5,
                    paddingRight: 5
                    ,
                    fontSize: 12
                }}>{item.balance_after !== null ?
                    addCommas(item.balance_after.toString()) : 0
                } {I18n.t('Toman')}
                </Text>
            </View>


        </View>
        <View style={{flexDirection: 'row', justifyContent: 'space-between'}}>
            <Text style={{fontFamily: Font.main, fontSize: 12}}>{I18n.t('bankcorrelationid')}</Text>
            <View style={{flexDirection: 'row', justifyContent: 'center', alignItems: 'center'}}>

                {item.debit !== undefined ?
                    <Text style={{
                        fontFamily: this.state.isrtl ? Font.main_persian_digit : Font.main,
                        color: Color.linkcolor,
                        paddingLeft: 5,
                        paddingRight: 5
                        ,
                        fontSize: 12
                    }}>{item.debit.bank_corelation_id}
                    </Text> : null}
            </View>


        </View>

        {
            Object.keys(item.cart).length !== 0 ?
                <TouchableOpacity style={{flexDirection: 'row', justifyContent: 'space-between', paddingTop: 5}}
                                  onPress={() => {
                                      this.props.navigation.navigate('TransAction', {product: item.cart})
                                  }
                                  }
                >
                    <Text style={{
                        fontFamily: Font.main,
                        color: Color.circleblu,
                        fontSize: 12
                    }}>{I18n.t('Orderdetails')}</Text>


                    <View style={{flexDirection: 'row', justifyContent: 'center', alignItems: 'center'}}>
                        <Icon
                            style={{fontSize: 14, color: Color.circleblu}}
                            name={this.state.isrtl ? 'arrow-back' : 'arrow-forward'}


                        />

                    </View>


                </TouchableOpacity>
                : null
        }

    </View>

}

上面的代码，在平面列表中呈现我的项目。在调试模式下工作得很好，但在 undefinedNaN:Nan 中的发布模式日期显示

Answer 1

我找到了解决方案，android 中 javascript 的这个问题。我使用 moment.js

解决了这个问题

Answer 2

react native在不同模式下与你的数据无关。从您的代码看来您在日期时间呈现方面有问题。 react-native 有时会出现日期时间渲染问题。

确保新日期 ("your_date") 中的日期字符串采用 ISO 格式，字符串中的 'T' 如“2018-05-02T12:00:00)”。这样你的日期功能应该可以工作。

在没有调试模式下，我的平面列表没有完全执行

in without debug mode my flatlist is not execute completely

android

react-native

react-native-flatlist