Starfield In Reanimated 2 blog post - initial App.tsx

App.tsx

import React from "react";
import { View } from "react-native";

// Props type for the star
interface StarProps {
  x: number;
  y: number;
}

// Star component
const Star: React.FC<StarProps> = (props) => {
  return (
    <View
      style={{
        left: props.x,
        top: props.y,
        width: 10,
        height: 10,
        backgroundColor: "white",
      }}
    />
  );
};

// Starfield app component
const Starfield: React.FC<{}> = () => {
  return (
    <View
      style={{
        flex: 1,
        backgroundColor: "black",
      }}
    >
      <Star x={100} y={100} />
    </View>
  );
};

export default Starfield;