@cake-fxd/rn-case
Version:
ReactNative Case
412 lines (411 loc) • 15.5 kB
JavaScript
"use strict";
exports.__esModule = true;
var lib_1 = require("@cake-fxd/rn-elements/lib");
var Font = require("expo-font");
var react_1 = require("react");
var react_native_1 = require("react-native");
var react_native_safe_area_context_1 = require("react-native-safe-area-context");
var CaseGather_1 = require("src/CaseGather");
var config_1 = require("src/util/config");
// console.disableYellowBox = true
var cases = [
{
type: 0,
data: {
text: 'head',
audio: 'https://cake.bczcdn.com/hodor/83201bf24611629fa4b05bdb9b21b51c.mp3',
translate: '头',
options: [
{
url: 'http://7n.bczcdn.com/paplab/9b/4148ae8467d3be670210d1e9d6ed9e264920e8.jpg',
value: 1,
correct: true
},
{
url: 'http://7n.bczcdn.com/paplab/9b/4148ae8467d3be670210d1e9d6ed9e264920e8.jpg',
value: 2,
correct: false
},
]
}
},
{
type: 4,
data: {
cover: {
image: 'http://7n.bczcdn.com/paplab/9b/4148ae8467d3be670210d1e9d6ed9e264920e8.jpg',
title: 'Monstar‘s messy school day',
audio: 'https://cake.bczcdn.com/hodor/83201bf24611629fa4b05bdb9b21b51c.mp3'
},
chapters: [
{
data: {
text: 'dimensions may be incorrect when the page is zoomed by the user; browsers do not expose an API to detect this condition\nbrowsers do not expose an API to detect this condition\nbrowsers do not expose an API to detect this condition',
image: 'http://7n.bczcdn.com/paplab/9b/4148ae8467d3be670210d1e9d6ed9e264920e8.jpg',
audio: 'https://cake.bczcdn.com/hodor/0a41e9cc65f3db3fc5cd5a3946386258.mp3',
teacherAudio: 'https://cake.bczcdn.com/hodor/83201bf24611629fa4b05bdb9b21b51c.mp3',
sliceList: [
{
start: 0,
end: 5000
},
{
start: 5000,
end: 10000
},
],
sentenceSliceList: [
{
start: 0,
end: 5000
},
{
start: 5000,
end: 10000
},
{
start: 10000,
end: 15000
},
],
markList: [
[
{
start: 0,
end: 100
},
],
[
{
start: 140,
end: 250
},
],
],
underlineList: [
[
{
start: 0,
end: 4,
explain: '更脏乱的'
},
],
]
}
},
],
comprehension: {
image: 'http://7n.bczcdn.com/paplab/9b/4148ae8467d3be670210d1e9d6ed9e264920e8.jpg',
text: 'In what order did Monstar go to the following places?',
audio: 'https://cake.bczcdn.com/hodor/83201bf24611629fa4b05bdb9b21b51c.mp3',
options: [
{
text: 'Class Two > The dinner hall > Class One',
correct: false,
audio: ''
},
{
text: 'Class Two > The dinner hall > Class One',
correct: false,
audio: ''
},
{
text: 'Class Two > The dinner hall > Class One',
correct: true,
audio: ''
},
]
}
}
},
{
type: 2,
data: {
correctOptions: [
{
value: 'https://cake.bczcdn.com/hodor/a7aa674efc9b42bbb29523bf2b165535.mp3',
isReference: false,
isPlace: true
},
],
interfaceOptions: [
{
value: 'https://cake.bczcdn.com/hodor/83201bf24611629fa4b05bdb9b21b51c.mp3',
isReference: false,
isPlace: true
},
],
type: 'image',
source: 'http://7n.bczcdn.com/paplab/9b/4148ae8467d3be670210d1e9d6ed9e264920e8.jpg'
}
},
{
type: 0,
data: {
text: 'head',
audio: 'https://cake.bczcdn.com/hodor/a7aa674efc9b42bbb29523bf2b165535.mp3',
translate: '头',
options: [
{
url: 'http://7n.bczcdn.com/paplab/9b/4148ae8467d3be670210d1e9d6ed9e264920e8.jpg',
value: 1,
correct: false
},
{
url: 'http://7n.bczcdn.com/paplab/9b/4148ae8467d3be670210d1e9d6ed9e264920e8.jpg',
value: 2,
correct: true
},
{
url: 'http://7n.bczcdn.com/paplab/9b/4148ae8467d3be670210d1e9d6ed9e264920e8.jpg',
value: 2,
correct: false
},
]
}
},
{
type: 1,
data: {
text: 'head',
type: 'text',
source: 'http://7n.bczcdn.com/paplab/9b/4148ae8467d3be670210d1e9d6ed9e264920e8.jpg',
audio: 'https://cake.bczcdn.com/hodor/a7aa674efc9b42bbb29523bf2b165535.mp3',
list: [
{
text: 'swimming pool',
audio: 'https://cake.bczcdn.com/hodor/83201bf24611629fa4b05bdb9b21b51c.mp3',
correct: false
},
{
text: 'eye',
audio: 'https://cake.bczcdn.com/hodor/83201bf24611629fa4b05bdb9b21b51c.mp3',
correct: false
},
{
text: 'apple',
audio: 'https://cake.bczcdn.com/hodor/83201bf24611629fa4b05bdb9b21b51c.mp3',
correct: true
},
],
dialogue: {
problemText: 'Which one is the sandwich ?',
replyText: 'This is the sandwich',
audio: 'https://cake.bczcdn.com/hodor/83201bf24611629fa4b05bdb9b21b51c.mp3'
}
}
},
{
type: 3,
data: {
correctOptions: [
{
value: 'what time',
isReference: false,
isPlace: true
},
{
value: 'does',
isReference: false,
isPlace: false
},
{
value: 'does my mother get off the bus busbus?22',
isReference: false,
isPlace: false
},
],
interfaceOptions: [
{
value: 'does my mother get on the bus busbus?',
isReference: false,
isPlace: false
},
],
type: 'image',
translate: '你未来可以环球旅行',
source: 'http://7n.bczcdn.com/paplab/9b/4148ae8467d3be670210d1e9d6ed9e264920e8.jpg'
}
},
{
type: 1,
data: {
text: 'head',
type: 'image',
source: 'http://7n.bczcdn.com/paplab/9b/4148ae8467d3be670210d1e9d6ed9e264920e8.jpg',
audio: 'https://cake.bczcdn.com/hodor/a7aa674efc9b42bbb29523bf2b165535.mp3',
list: [
{
text: 'head',
audio: 'https://cake.bczcdn.com/hodor/83201bf24611629fa4b05bdb9b21b51c.mp3',
correct: false
},
{
text: 'eye',
audio: 'https://cake.bczcdn.com/hodor/83201bf24611629fa4b05bdb9b21b51c.mp3',
correct: false
},
{
text: 'apple',
audio: 'https://cake.bczcdn.com/hodor/83201bf24611629fa4b05bdb9b21b51c.mp3',
correct: true
},
]
}
},
{
type: 0,
data: {
text: 'head',
audio: 'https://cake.bczcdn.com/hodor/a7aa674efc9b42bbb29523bf2b165535.mp3',
translate: '头',
options: [
{
url: 'http://7n.bczcdn.com/paplab/9b/4148ae8467d3be670210d1e9d6ed9e264920e8.jpg',
value: 1,
correct: false
},
{
url: 'http://7n.bczcdn.com/paplab/9b/4148ae8467d3be670210d1e9d6ed9e264920e8.jpg',
value: 2,
correct: true
},
{
url: 'http://7n.bczcdn.com/paplab/9b/4148ae8467d3be670210d1e9d6ed9e264920e8.jpg',
value: 2,
correct: false
},
]
}
},
{
type: 6,
data: {
text: 'cake',
audio: 'https://cake.bczcdn.com/hodor/02901565ce59d79b7358e9d2204a6588.mp3',
poster: {
url: 'https://cake.bczcdn.com/hodor/d9b74873d3bbdf13b65dc757ec644df4.jpg',
positions: [
{
width: 100,
height: 66,
left: 0.33333333,
top: 0.2375,
correct: true
},
{ width: 110, height: 100, left: 0.53333, top: 0.52, correct: false },
]
}
}
},
{
type: 7,
data: {
text: 'head',
audio: 'https://cake.bczcdn.com/hodor/a7aa674efc9b42bbb29523bf2b165535.mp3',
translate: '头',
options: [
{
url: 'http://7n.bczcdn.com/paplab/9b/4148ae8467d3be670210d1e9d6ed9e264920e8.jpg',
value: 1,
correct: true
},
{
url: 'http://7n.bczcdn.com/paplab/9b/4148ae8467d3be670210d1e9d6ed9e264920e8.jpg',
value: 2,
correct: false
},
],
explainList: [
{
audio: 'https://cake.bczcdn.com/hodor/a7aa674efc9b42bbb29523bf2b165535.mp3'
},
],
teacherFollow: {
text: 'head',
textAudio: 'https://cake.bczcdn.com/hodor/a7aa674efc9b42bbb29523bf2b165535.mp3'
}
}
},
{
type: 5,
data: {
resources: {
word: {
title: '复习单词',
data: [
{
image: 'https://cake.bczcdn.com/hodor/9ca04f6744c4301ee61d2188198247ac.jpg',
textEN: 'doctor',
textCN: '医生',
audio: 'https://cake.bczcdn.com/hodor/678f8d938756b4d4af3714ddf0077224.mp3'
},
{
image: 'https://cake.bczcdn.com/hodor/4a45c90c7ede2fc0f2a0f4eb52876d43.png',
textEN: 'race race race',
textCN: '比赛',
audio: 'https://cake.bczcdn.com/hodor/3ab89b282a59c4e5e10c4562fe701e7b.mp3'
},
{
image: 'https://cake.bczcdn.com/hodor/4a45c90c7ede2fc0f2a0f4eb52876d43.png',
textEN: 'race race race',
textCN: '比赛比赛比赛比赛',
audio: 'https://cake.bczcdn.com/hodor/3ab89b282a59c4e5e10c4562fe701e7b.mp3'
},
]
},
phrase: {
title: '例句',
data: [
{
textEN: 'on+交通工具',
textCN: '乘坐某种交通工具',
audioEN: 'https://cake.bczcdn.com/hodor/fecd4381a43bb7a08fe276cc6cb7a1f7.mp3',
audioCN: 'https://cake.bczcdn.com/hodor/156c85dc71b1acafe56e39c7f7c2f031.mp3'
},
{
textEN: 'Do you like...?',
textCN: '你喜欢···吗?',
audioEN: 'https://cake.bczcdn.com/hodor/8dc3809796353d8fa0c18cbc9f39ebc0.mp3',
audioCN: 'https://cake.bczcdn.com/hodor/a40cef70de5a595ac2e70a16be5ac53f.mp3'
},
{
textEN: 'Do you like...?',
textCN: '你喜欢···吗?你喜欢···吗?你喜欢···吗?你喜欢···吗?',
audioEN: 'https://cake.bczcdn.com/hodor/8dc3809796353d8fa0c18cbc9f39ebc0.mp3',
audioCN: 'https://cake.bczcdn.com/hodor/a40cef70de5a595ac2e70a16be5ac53f.mp3'
},
]
},
book: {
title: '复习绘本',
data: {
title: 'He was doing...',
image: 'https://cake.bczcdn.com/hodor/4a45c90c7ede2fc0f2a0f4eb52876d43.png'
}
}
}
}
},
];
var App = function () {
var loaded = Font.useFonts({
'Nunito-Black': require('@assets/fonts/Nunito-Black-unhinted.ttf')
})[0];
if (!loaded) {
return <react_native_1.ActivityIndicator />;
}
return (<lib_1.Portal>
<react_native_safe_area_context_1.SafeAreaProvider>
<react_native_1.View style={{
justifyContent: 'center',
alignItems: 'center',
flex: 1,
width: config_1.WIDTH
}}>
<CaseGather_1["default"] cases={cases}/>
</react_native_1.View>
</react_native_safe_area_context_1.SafeAreaProvider>
</lib_1.Portal>);
};
exports["default"] = App;