Slide 25
Slide 25 text
react-native-render-html
import React, { Component } from "react";
import { ScrollView, useWindowDimensions } from "react-native";
import HTML from "react-native-render-html";
const htmlContent = `
Look at how happy this native cat is
`;
export default function Demo() {
const contentWidth = useWindowDimensions().width;
return (
);
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
This HTML snippet is now rendered with native components !
Enjoy a webview-free and blazing fast application
Look at how happy this native cat is
`;
export default function Demo() {
const contentWidth = useWindowDimensions().width;
return (
);
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
Slide 26
Slide 26 text
react-native-render-html
import React, { Component } from "react";
import { ScrollView, useWindowDimensions } from "react-native";
import HTML from "react-native-render-html";
const htmlContent = `
Look at how happy this native cat is
`;
export default function Demo() {
const contentWidth = useWindowDimensions().width;
return (
);
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
const htmlContent = `
Look at how happy this native cat is
`;
import React, { Component } from "react";
1
import { ScrollView, useWindowDimensions } from "react-native";
2
import HTML from "react-native-render-html";
3
4
5
6
7
8
9
10
11
export default function Demo() {
12
const contentWidth = useWindowDimensions().width;
13
return (
14
15
16
17
);
18
}
19
This HTML snippet is now rendered with native components !
Enjoy a webview-free and blazing fast application
Look at how happy this native cat is
`;
export default function Demo() {
const contentWidth = useWindowDimensions().width;
return (
);
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
const htmlContent = `
This HTML snippet is now rendered with native components !
Enjoy a webview-free and blazing fast application
Look at how happy this native cat is
`;
import React, { Component } from "react";
1
import { ScrollView, useWindowDimensions } from "react-native";
2
import HTML from "react-native-render-html";
3
4
5
6
7
8
9
10
11
export default function Demo() {
12
const contentWidth = useWindowDimensions().width;
13
return (
14
15
16
17
);
18
}
19
Slide 27
Slide 27 text
react-native-render-html
import React, { Component } from "react";
import { ScrollView, useWindowDimensions } from "react-native";
import HTML from "react-native-render-html";
const htmlContent = `
Look at how happy this native cat is
`;
export default function Demo() {
const contentWidth = useWindowDimensions().width;
return (
);
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
const htmlContent = `
Look at how happy this native cat is
`;
import React, { Component } from "react";
1
import { ScrollView, useWindowDimensions } from "react-native";
2
import HTML from "react-native-render-html";
3
4
5
6
7
8
9
10
11
export default function Demo() {
12
const contentWidth = useWindowDimensions().width;
13
return (
14
15
16
17
);
18
}
19
This HTML snippet is now rendered with native components !
Enjoy a webview-free and blazing fast application
Look at how happy this native cat is
`;
export default function Demo() {
const contentWidth = useWindowDimensions().width;
return (
);
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
const htmlContent = `
This HTML snippet is now rendered with native components !
Enjoy a webview-free and blazing fast application
Look at how happy this native cat is
`;
import React, { Component } from "react";
1
import { ScrollView, useWindowDimensions } from "react-native";
2
import HTML from "react-native-render-html";
3
4
5
6
7
8
9
10
11
export default function Demo() {
12
const contentWidth = useWindowDimensions().width;
13
return (
14
15
16
17
);
18
}
19