Version: latest

Content

Description

The root component for a group of components. An example of a parent component is ScrollView.

Example

import React from 'react';
import { View, ScrollView, Content, Text, Scene, Prism } from 'magic-script-components';
export default class MyApp extends React.Component {
constructor(props) {
super(props);
}
render() {
const aabb = {
min: [-0.1, -0.3, -0.1],
max: [0.15, 0.3, 0.1]
};
return (
<Scene>
<Prism size={[2, 2, 1]} >
<View name='main-view' alignment={'center-center'}>
<ScrollView scrollBounds={aabb}>
<Content>
{Array(10).fill(0).map((value, index) => <Text key={index} localPosition={[0, -0.1 * index, 0]} text={`Item ${index + 1}`} textSize={0.08} />)}
</Content>
</ScrollView>
</View>
</Prism>
</Scene>
);
}
}

Common Events

Common Properties

Create Properties

NameTypeDefault ValueDescription
localTransformmat41, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1The local transform of the new node. Use glm::mat4() for the identity matrix.