number format biaya perpanjangan

view/Renewal.js

@@ -7,6 +7,7 @@ import i18n from 'i18n-js';
 import Toast from 'react-native-tiny-toast';
 import Spinner from 'react-native-loading-spinner-overlay';
 import moment from 'moment'
+import NumberFormat from 'react-number-format';
 
 
 class Renewal extends React.Component {
@@ -173,7 +174,7 @@ class Renewal extends React.Component {
                                     <Text style={{ textAlign: 'center', fontSize: 12, fontFamily: 'Gotham-Black', color: '#CFB368' }}>{i18n.t('renewalfees')}</Text>
                                 </View>
                                 <View style={styles.value_current_balance}>
-                                    <Text style={{ textAlign: 'center', fontSize: 12, fontFamily: 'Gotham-Black', color: 'gray' }}>IDR {this.state.renewal_cost}</Text>
+                                    <NumberFormat decimalScale={0} value={this.state.renewal_cost} renderText={value => <Text style={{ textAlign: 'center', fontSize: 12, fontFamily: 'Gotham-Black', color: 'gray' }}>IDR {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} />
                                 </View>
                             </View>
                             <View style={styles.cont_curent_balance}>