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 well the engineer uses React Native's KeyboardAvoidingView and Modal components to build a mobile form with proper keyboard handling and a confirmation dialog overlay.",
"type": "weighted_checklist",
"checklist": [
{
"name": "KeyboardAvoidingView usage",
"description": "Uses KeyboardAvoidingView component to wrap the form content, ensuring the form adjusts when the keyboard appears",
"max_score": 30
},
{
"name": "Platform-specific behavior",
"description": "Configures KeyboardAvoidingView with the 'behavior' prop set appropriately (e.g., 'padding' for iOS, 'height' for Android, or using Platform.select)",
"max_score": 15
},
{
"name": "Modal component usage",
"description": "Uses Modal component to display the confirmation dialog over the form content",
"max_score": 25
},
{
"name": "Modal visibility control",
"description": "Properly controls Modal visibility using the 'visible' prop with state management (e.g., useState hook)",
"max_score": 10
},
{
"name": "Modal transparency",
"description": "Configures Modal with the 'transparent' prop set to true to maintain transparency and show the underlying screen",
"max_score": 10
},
{
"name": "Modal dismissal",
"description": "Implements Modal dismissal using the 'onRequestClose' prop to handle both Cancel button and outside tap/back button interactions",
"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