我有以下代碼：
function Paywall({ onPress }) {
const getPrice = async () => {
try {
const offerings = await Purchases.getOfferings();
if (offerings.current !== null && offerings.current.availablePackages.length !== 0) {
console.log("OFFERING");
console.log(offerings.current.monthly);
}
} catch (e) {
console.log(e);
}
return offerings
}
useEffect(() => {
getPrice()
})
return (
<View style={styles.container}>
<View style={styles.priceContainer}>
<Text style={styles.headerText}>￡9.99</Text>
<Text style={styles.perMonthText}>per month</Text>
</View>
<View style={styles.buttonContainer}>
<TouchableOpacity style={styles.button} onPress={onPress}>
<Text style={styles.buttonText}>Subscribe for ￡9.99 / month</Text>
</TouchableOpacity>
</View>
</View>
);
}
我的日志帶回來了：
{"identifier": "$rc_monthly", "offeringIdentifier": "sale", "packageType": "MONTHLY", "product": {"currency_code": "GBP", "description": "All Access", "discounts": null, "identifier": "app_499_1m", "introPrice": {"cycles": null, "period": null, "periodNumberOfUnits": null, "periodUnit": null, "price": null, "priceString": null}, "intro_price": null, "intro_price_cycles": null, "intro_price_period": null, "intro_price_period_number_of_units": null, "intro_price_period_unit": null, "intro_price_string": null, "price": 11.99, "price_string": "￡11.99", "title": "All Access (App NAME)"}}
我怎樣才能price_string在我的<Text>
<Text style={styles.headerText}>￡9.99</Text>
uj5u.com熱心網友回復：
您必須確保它已定義，然后訪問密鑰：
<Text style={styles.headerText}>{offerings?.current?.monthly?.product?.price_string}</Text>
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/402352.html
標籤：
上一篇：如何在ReactNative中反轉borderRadius？
下一篇：反應原生底片底部透明