Answer.Header

The Answer.Header component provides a horizontal layout container for form navigation and action elements. It's designed to house back buttons, progress indicators, save actions, and other form-related controls at the top of journal entry screens.

Basic ExampleCopy Anchor Link

import { Answer } from "@ovok/native";
import * as React from "react";
import { Text } from "react-native-paper";

const BasicAnswerHeader = () => (
  <Answer.Header>
    <Text>Header</Text>
  </Answer.Header>
);

export default BasicAnswerHeader;

PropsCopy Anchor Link

Every prop, with its type and description, is listed in the @ovok/native/journal API reference.

StylingCopy Anchor Link

Default StylesCopy Anchor Link

const styles = StyleSheet.create({
  header: {
    flexDirection: "row",
    justifyContent: "space-between",
  },
});

Related ComponentsCopy Anchor Link

• Answer - Parent container component
• Answer.Question - Question display component
• Answer.Input - Text input component
• Answer.Actions - Bottom action container