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 Example

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;

Props

Extends ViewProps from React Native.

Primary Props

Prop	Type	Default	Description
style	StyleProp<ViewStyle>	undefined	Additional styles to apply to the actions container
children	ReactNode	undefined	Action buttons and controls to display

Inherited Props

All standard View props are supported:

• testID
• accessibilityLabel
• accessibilityRole
• onLayout

Styling

Default Styles

Applies horizontal padding using the theme system:

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

Related Components

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