Ⅰ react native 當前應用絕對路徑怎麼取
通過react-native-fs模塊可以取到應用目錄絕對路徑。
Ⅱ react 引入外部json的路徑怎麼寫法
一：創建json 文件 放在 ./data/目錄下
{
"employees": [
{
"FamilyName": "張",
"giveName": "三",
"salary": 1
},
{
"FamilyName": "李",
"giveName": "四",
"salary": 2
},
{
"FamilyName": "王",
"giveName": "二",
"salary": 3
}
]
}
二：在index.Android.js文件中讀取
[javascript] view plain
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Image,
Text,
TouchableHighlight,
TextInput,
StatusBar,
View
} from 'react-native';
import constantData from './data/SimpleSample.json';
export default class ViewProject extends Component {
_onChangeText(newText) {
console.log('inputed text:' + newText);
}
componentWillMount() {
console.log("constantData taype is ="+typeof(constantData));
console.log("employees taype is ="+typeof(constantData.employees));
console.log("employees length = "+constantData.employees.length);
console.log("No.1 givenName ="+constantData.employees[0].giveName);
console.log("No.1 FamilyName ="+constantData.employees[0].giveName);
console.log("No.1 Salary"+constantData.employees[0].salary);
console.log("type of No.1 Salary"+typeof(constantData.employees[0].salary));
}
render() {
return (
<View style={styles.container}>
<Text
onChangeText={(newText)=>{this._onChangeText(newText)}}
/>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex:1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor:'#F5FCFF'
}
});
AppRegistry.registerComponent('ViewProject', (
Ⅲ 調整React Native的入口文件位置
前言
接上篇 ，由於引入typescript，會引發一個問題：
由於react native 生成的entry file是js格式, js裡面沒辦法直接import ts mole,而前侍需要import ts生成的js文件.如果不調整rn現在的compile方式,要麼我們將ts compile之後的js文件放在ts文件同級,保證我們import的路徑一致,要麼把ts compile之後的文件放在一個獨立的目錄下,index.js中的import ts compile目錄下的js文件。這兩種方式前者會讓我們的開發文件結構變得很混亂,後者會讓index.js import ts mole做特殊處理,都會造成一定的麻煩.
為了解決這個問題於是有了這篇文章,目標效果：
Part 1:調整react native文件
將index.js 和飢悔茄app.js 重命名為index.tsx 和app.tsx 並移到src目錄下
Part 2:調整iOS配置
Part 3:調整Android配置爛察
Ⅳ react怎麼看下載了的包
react在Downloaded看下載了的橋旁包。根據查詢相關資料肢桐信息，改過下載保存路徑，就要去你設定的目錄下尋找文件了，許多下載軟體，都有默認的下載地址。在選項中可設置，下載之後敏飢橡的東西在那個地址里可以找到。
Ⅳ react選擇文件存放路徑
react選空物擇文件族知存放路徑？答案如下：react選擇文件存放路徑第一步打開斗穗液設置，第二步是對齊拉齊對焦給到拿到。