Answer.Question

The Answer.Question component displays question text in journal and questionnaire forms. It provides consistent typography and styling for question prompts with emphasis on readability and accessibility.

Basic ExampleCopy Anchor Link

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

const BasicAnswerQuestion = () => (
  <Answer.Question>How are you feeling today?</Answer.Question>
);

export default BasicAnswerQuestion;

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({
  question: {
    fontSize: 18,
    fontWeight: "600",
  },
});

Theme IntegrationCopy Anchor Link

Uses react-native-paper default text colors from the theme system.

Related ComponentsCopy Anchor Link

• Answer - Parent container component
• Answer.Header - Header navigation component
• Answer.Input - Text input component
• Answer.Actions - Bottom action container