ReactNativeDisplay別の形式のJsonファイル

Question

ルーキー、RN、事前に感謝！私はページにjsonファイルを表示したい。

これは、JSONの形式である：

{ 
    "prediction": [ 
      { "name":"egg", "value":"0.95" }, 
      { "name":"apple", "value":"0.02" }, 
      { "name":"peach", "value":"0.01" }, 
      { "name":"orange", "value":"0.01" }, 
      { "name":"fish", "value":"0.01" } 

    ] 
} 

は、JSONの名前は "/app/prediction.json" になりますと仮定します。 そして、私はこのページに持っていたテキストの入力方法は次のようになります。

import { Tile, List, ListItem, Button } from 'react-native-elements'; 
import React, { Component } from 'react'; 
import { 
    AppRegistry, 
    StyleSheet, 
    Text, 
    Dimensions, 
    View 
} from 'react-native'; 


export default class ProjectOne extends Component { 
    render() { 
    return (
     <View style={styles.container}> 

     <Text style={styles.text}> Analysis </Text> 
     <Text> The object has " 95% possibility to be an egg, 40% to be an apple "</Text> 

     </View> 
    ); 
    } 


} 

const styles = StyleSheet.create({ 
    text: { 
    fontSize: 20, 
    fontWeight: 'bold', 
    }, 
    container: { 
    height: 275, 
    justifyContent: 'center', 
    alignItems: 'center', 
    backgroundColor: '#F5FCFF', 
    }, 
    preview: { 
    flex: 1, 
    justifyContent: 'flex-end', 
    alignItems: 'center', 
    height: Dimensions.get('window').height, 
    width: Dimensions.get('window').width 
}, 
    capture: { 
    flex: 0, 
    backgroundColor: 'black', 
    borderRadius: 5, 
    color: '#ffffff', 
    padding: 10, 
    margin: 40 
    } 
}); 

AppRegistry.registerComponent('ProjectOne',() => ProjectOne); 

は、私はJSONファイルを取得し、その後、このページにそのテキストフィールドにJSONコンテンツを表示することができます方法はありますか？

Answer 1

require('./app/prediction.json')を使用して、必要に応じて文字列または書式に変換することができます。