CtrlK
CommunityDocumentationLog inGet started
Tessl Logo

tessl/npm-react-native

A framework for building native apps using React

Overall
score

100%

Evaluation100%

1.06x

Agent success when using this tile

Overview
Eval results
Files

rubric.jsonevals/scenario-3/

{
  "context": "This criteria evaluates how effectively the engineer uses React Native's InputAccessoryView component and related APIs to create a custom keyboard accessory for a chat input. The focus is on proper integration of InputAccessoryView with TextInput, correct use of nativeID for linking, and appropriate keyboard management.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "InputAccessoryView Usage",
      "description": "Uses the InputAccessoryView component from react-native to create the custom keyboard accessory view",
      "max_score": 30
    },
    {
      "name": "NativeID Linking",
      "description": "Correctly uses the nativeID prop on InputAccessoryView and links it to the TextInput component via the inputAccessoryViewID prop",
      "max_score": 25
    },
    {
      "name": "TextInput Integration",
      "description": "Uses TextInput component with multiline prop enabled and properly integrates it with the keyboard accessory",
      "max_score": 20
    },
    {
      "name": "Keyboard Dismissal",
      "description": "Uses Keyboard.dismiss() from the react-native Keyboard API to dismiss the keyboard when the Cancel button is pressed",
      "max_score": 15
    },
    {
      "name": "Button Components",
      "description": "Uses appropriate React Native touchable components (Button, TouchableOpacity, Pressable) for the Send and Cancel buttons within the accessory view",
      "max_score": 10
    }
  ]
}

Install with Tessl CLI

npx tessl i tessl/npm-react-native@1000.0.0

tile.json