2016-05-19 14 views
9

alcune ragioni per cui avrei potuto farlo:In React Native come si raggruppa un file di testo e si legge il suo valore in fase di runtime?

  • creare alcune visualizzazioni e iniettare javascript caricati da file
  • Per separare grandi blocchi di testo in file separati piuttosto che costringendoli in vista
  • Per includere dati grezzi di un formato arbitrario (ad esempio, CSV) da utilizzare in app

in Reagire nativa è possibile utilizzare require per importare un file immagine, ma per quanto ho visto, questo funziona solo per l'immagine File. E (stranamente) funziona anche per i file JSON (vedi Importing Text from local json file in React native). Tuttavia, non ho mai visto da nessuna parte parlare di importazione di semplici file di testo vecchi.

+0

Funziona anche per i file con estensione html, ma csv: no. – brannigan

risposta

2

Dopo aver guardato e chiesto in giro, il meglio che posso venire con è quello di utilizzare un fork della biblioteca react-native-fs per accedere "attività" Android. Questo fork è una richiesta pull e non appena viene unito puoi usarlo.

Si noti che in Android Dev, "risorse" si riferiscono specificamente all'accesso ai contenuti non elaborati di un file. Per fare questo genere di cose sul lato nativo reattivo, è necessario scrivere un modulo nativo per interagire con reagire, quindi la libreria sopra. Vedere here (e cercare le risorse).

Nel tuo progetto nativo di risposta, creare un file chiamato qualcosa come android/app/src/main/assets/text.txt. Utilizzando la versione di react-native-fs di cui sopra, si fa:

RNFS.readFileAssets('test.txt').then((res) => { 
    console.log('read file res: ', res); 
}) 

aggiornamento: Se si desidera che il pull request che consentirebbe questa capacità di passare attraverso, si dovrebbe andare lasciare che l'autore sa che si desidera è dandogli un pollice in alto su github.

+1

Come autore di questa PR, sostengo questa soluzione! (Speriamo che il proprietario del modulo lo integrerà presto) –

+0

Che dire di iOS? – brannigan

Problemi correlati