Answer.Input

The Answer.Input component renders React Native's TextInput with the react-native-paper TextInputProps type and SDK placeholder styling.

Basic ExampleCopy Anchor Link

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

const BasicAnswerInput = () => (
  <Answer.Input placeholder="Enter your response" />
);

export default BasicAnswerInput;

PropsCopy Anchor Link

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

Component BehaviorCopy Anchor Link

Theme IntegrationCopy Anchor Link

• Placeholder Color: Automatically uses theme.colors.onSurfaceDisabled for consistent muted text
• Text Color: Uses the platform input's inherited text color unless the app supplies one
• Background: Uses the platform input's default background unless styled by the app

StylingCopy Anchor Link

Default StylesCopy Anchor Link

const styles = StyleSheet.create({
  input: {
    flex: 1,
  },
});

Theme Colors UsedCopy Anchor Link

• theme.colors.onSurfaceDisabled - Placeholder text color

Related ComponentsCopy Anchor Link

• Answer - Parent container component
• Answer.Header - Header navigation component
• Answer.Question - Question display component
• Answer.Actions - Bottom action container