Answer.Actions

The Answer.Actions component provides a themed container for action buttons at the bottom of journal entry forms. It applies consistent horizontal padding and serves as a wrapper for submission, navigation, and other form-related buttons.

Basic ExampleCopy Anchor Link

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

const BasicAnswerActions = () => (
  <Answer.Actions>
    <Button mode="contained">Save</Button>
  </Answer.Actions>
);

export default BasicAnswerActions;

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

Applies horizontal padding using the theme system:

style={[{ paddingHorizontal: theme.spacing(2) }, style]}

Related ComponentsCopy Anchor Link

• Answer - Parent container component
• Answer.Header - Header navigation component
• Answer.Question - Question display component
• Answer.Input - Text input component