A framework for building native apps using React
Overall
score
100%
Evaluation — 100%
↑ 1.06xAgent success when using this tile
{
"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.0docs
evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10