with-awareness
v1.3.2
Published
๐ HOC for creating aware components in ReactVR
Downloads
5
Readme
with-awareness
๐ HOC for creating aware components in ReactVR
Usage
import React from "react";
import { AppRegistry, Text, View } from "react-vr";
// import
const withAwareness = require("with-awareness");
// create component
const AwareComponent = withAwareness(({ beingLookedAt }) => (
<Text
style={{
backgroundColor: "#777879",
fontSize: 0.8,
fontWeight: "400",
layoutOrigin: [0.5, 0.5],
paddingLeft: 0.2,
paddingRight: 0.2,
textAlign: "center",
textAlignVertical: "center",
transform: [{ translate: [0, 0, -3] }]
}}
>
{beingLookedAt ? "Hi there!" : "Look at me!"}
</Text>
));
export default class example extends React.Component {
render() {
return (
<View>
<AwareComponent />
</View>
);
}
}
AppRegistry.registerComponent("example", () => example);
License
MIT. See LICENSE