Professional Documents
Culture Documents
Wifi Range
Wifi Range
constructor(props) {
super(props);
this.state = {
ssid: null,
pass: null,
ssidExist: null
};
}
onConnected = () => {
const { ssid, pass } =
this.state;
wifi.connectToHiddenNetwork(ssid,
pass, networkAdded => {
console.log("networkAdded",
networkAdded);
if (networkAdded) {
ToastAndroid.show("Connected",
ToastAndroid.SHORT);
} else {
ToastAndroid.show("Failed",
ToastAndroid.SHORT);
}
this.setState({ ssidExist:
networkAdded });
});
};
render() {
const { ssidExist } = this.state;
return (
<View style={styles.container}>
<View
style={styles.instructionsContainer}>
{!ssidExist ? (
<View>
<Text
style={styles.instructionsTitle}>
Sign device into a
specific network:
</Text>
<TextInput
style={styles.textInput}
underlineColorAndroid="transparent"
onChangeText={event
=> this.setState({ ssid: event })}
value={this.state.ssid}
placeholder={"ssid"}
/>
<TextInput
style={styles.textInput}
//
secureTextEntry={true}
underlineColorAndroid="transparent"
value={this.state.pass}
onChangeText={event
=> this.setState({ pass: event })}
placeholder={"password"}
/>
<PrimaryButton
onPress={this.onConnected}
btnText="Connect" />
</View>
) : (
<PrimaryButton
style={styles.mb20}
onPress={this.disconnectOnPress}
btnText="Dis Connect"
/>
)}
<View style={styles.row}>
<Text
style={styles.answer}>
{ssidExist == null
? ""
: ssidExist
? "Network in
range :)"
: "Network out of
range :("}
</Text>
</View>
</View>
</View>
);
}
}
import React, { Component } from "react";
constructor(props) {
super(props);
this.state = {
ssid: null,
pass: null,
ssidExist: null
};
}
onConnected = () => {
const { ssid, pass } =
this.state;
wifi.connectToHiddenNetwork(ssid,
pass, networkAdded => {
console.log("networkAdded",
networkAdded);
if (networkAdded) {
ToastAndroid.show("Connected",
ToastAndroid.SHORT);
} else {
ToastAndroid.show("Failed",
ToastAndroid.SHORT);
}
this.setState({ ssidExist:
networkAdded });
});
};
render() {
const { ssidExist } = this.state;
return (
<View style={styles.container}>
<View
style={styles.instructionsContainer}>
{!ssidExist ? (
<View>
<Text
style={styles.instructionsTitle}>
Sign device into a
specific network:
</Text>
<TextInput
style={styles.textInput}
underlineColorAndroid="transparent"
onChangeText={event
=> this.setState({ ssid: event })}
value={this.state.ssid}
placeholder={"ssid"}
/>
<TextInput
style={styles.textInput}
//
secureTextEntry={true}
underlineColorAndroid="transparent"
value={this.state.pass}
onChangeText={event
=> this.setState({ pass: event })}
placeholder={"password"}
/>
<PrimaryButton
onPress={this.onConnected}
btnText="Connect" />
</View>
) : (
<PrimaryButton
style={styles.mb20}
onPress={this.disconnectOnPress}
btnText="Dis Connect"
/>
)}
<View style={styles.row}>
<Text
style={styles.answer}>
{ssidExist == null
? ""
: ssidExist
? "Network in
range :)"
: "Network out of
range :("}
</Text>
</View>
</View>
</View>
);
}
}
import React, { Component } from
"react";
import { View, Text,
TextInput, ToastAndroid }
from "react-native";
import wifi from "react-
native-android-wifi";
import PrimaryButton from
"../../components/PrimaryButt
on";
import styles from
"./HiddenWifiScreenStyleSheet
";
constructor(props) {
super(props);
this.state = {
ssid: null,
pass: null,
ssidExist: null
};
onConnected = () => {
console.log("networkAdded",
networkAdded);
if (networkAdded) {
ToastAndroid.show("Connected"
, ToastAndroid.SHORT);
} else {
ToastAndroid.show("Failed",
ToastAndroid.SHORT);
}
this.setState({ ssidExist:
networkAdded });
});
};
render() {
const { ssidExist } =
this.state;
return (
<View
style={styles.container}>
<View
style={styles.instructionsCon
tainer}>
{!ssidExist ? (
<View>
<Text
style={styles.instructionsTit
le}>
Sign device
into a specific network:
</Text>
<TextInput
style={styles.textInput}
underlineColorAndroid="transp
arent"
onChangeText={event =>
this.setState({ ssid:
event })}
value={this.state.ssid}
placeholder={"ssid"}
/>
<TextInput
style={styles.textInput}
//
secureTextEntry={true}
underlineColorAndroid="transp
arent"
value={this.state.pass}
onChangeText={event =>
this.setState({ pass:
event })}
placeholder={"password"}
/>
<PrimaryButton
onPress={this.onConnected}
btnText="Connect" />
</View>
) : (
<PrimaryButton
style={styles.mb20}
onPress={this.disconnectOnPre
ss}
btnText="Dis
Connect"
/>
)}
<View
style={styles.row}>
<Text
style={styles.answer}>
{ssidExist ==
null
? ""
: ssidExist
? "Network in
range :)"
: "Network
out of range :("}
</Text>
</View>
</View>
</View>
);
};
constructor(props) {
super(props);
this.state = {
ssid: null,
pass: null,
ssidExist: null
};
onConnected = () => {
wifi.connectToHiddenNetwork(ssid,
pass, networkAdded => {
console.log("networkAdded",
networkAdded);
if (networkAdded) {
ToastAndroid.show("Connected",
ToastAndroid.SHORT);
} else {
ToastAndroid.show("Failed",
ToastAndroid.SHORT);
}
this.setState({ ssidExist:
networkAdded });
});
};
render() {
const { ssidExist } = this.state;
return (
<View style={styles.container}>
<View
style={styles.instructionsContainer}>
{!ssidExist ? (
<View>
<Text
style={styles.instructionsTitle}>
Sign device into a
specific network:
</Text>
<TextInput
style={styles.textInput}
underlineColorAndroid="transparent"
onChangeText={event =>
this.setState({ ssid: event })}
value={this.state.ssid}
placeholder={"ssid"}
/>
<TextInput
style={styles.textInput}
//
secureTextEntry={true}
underlineColorAndroid="transparent"
value={this.state.pass}
onChangeText={event =>
this.setState({ pass: event })}
placeholder={"password"}
/>
<PrimaryButton
onPress={this.onConnected}
btnText="Connect" />
</View>
) : (
<PrimaryButton
style={styles.mb20}
onPress={this.disconnectOnPress}
btnText="Dis Connect"
/>
)}
<View style={styles.row}>
<Text
style={styles.answer}>
{ssidExist == null
? ""
: ssidExist
? "Network in
range :)"
: "Network out of
range :("}
</Text>
</View>
</View>
</View>
);
};
constructor(props) {
super(props);
this.state = {
ssid: null,
pass: null,
ssidExist: null
};
onConnected = () => {
wifi.connectToHiddenNetwork(ssid, pass,
networkAdded => {
console.log("networkAdded", networkAdded);
if (networkAdded) {
ToastAndroid.show("Connected",
ToastAndroid.SHORT);
} else {
ToastAndroid.show("Failed",
ToastAndroid.SHORT);
}
};
render() {
return (
<View style={styles.container}>
<View
style={styles.instructionsContainer}>
{!ssidExist ? (
<View>
<Text
style={styles.instructionsTitle}>
Sign device into a specific
network:
</Text>
<TextInput
style={styles.textInput}
underlineColorAndroid="transparent"
onChangeText={event =>
this.setState({ ssid: event })}
value={this.state.ssid}
placeholder={"ssid"}
/>
<TextInput
style={styles.textInput}
// secureTextEntry={true}
underlineColorAndroid="transparent"
value={this.state.pass}
onChangeText={event =>
this.setState({ pass: event })}
placeholder={"password"}
/>
<PrimaryButton
onPress={this.onConnected} btnText="Connect" />
</View>
) : (
<PrimaryButton
style={styles.mb20}
onPress={this.disconnectOnPress}
btnText="Dis Connect"
/>
)}
<View style={styles.row}>
<Text style={styles.answer}>
{ssidExist == null
? ""
: ssidExist
</Text>
</View>
</View>
</View>
);
};
constructor(props) {
super(props);
this.state = {
ssid: null,
pass: null,
ssidExist: null
};
onConnected = () => {
wifi.connectToHiddenNetwork(ssid, pass,
networkAdded => {
console.log("networkAdded", networkAdded);
if (networkAdded) {
ToastAndroid.show("Connected",
ToastAndroid.SHORT);
} else {
ToastAndroid.show("Failed",
ToastAndroid.SHORT);
}
});
};
render() {
return (
<View style={styles.container}>
<View
style={styles.instructionsContainer}>
{!ssidExist ? (
<View>
<Text
style={styles.instructionsTitle}>
Sign device into a specific
network:
</Text>
<TextInput
style={styles.textInput}
underlineColorAndroid="transparent"
onChangeText={event =>
this.setState({ ssid: event })}
value={this.state.ssid}
placeholder={"ssid"}
/>
<TextInput
style={styles.textInput}
// secureTextEntry={true}
underlineColorAndroid="transparent"
value={this.state.pass}
onChangeText={event =>
this.setState({ pass: event })}
placeholder={"password"}
/>
<PrimaryButton
onPress={this.onConnected} btnText="Connect" />
</View>
) : (
<PrimaryButton
style={styles.mb20}
onPress={this.disconnectOnPress}
btnText="Dis Connect"
/>
)}
<View style={styles.row}>
<Text style={styles.answer}>
{ssidExist == null
? ""
: ssidExist
</Text>
</View>
</View>
</View>
);
};
constructor(props) {
super(props);
this.state = {
ssid: null,
pass: null,
ssidExist: null
};
onConnected = () => {
wifi.connectToHiddenNetwork(ssid, pass,
networkAdded => {
console.log("networkAdded", networkAdded);
if (networkAdded) {
ToastAndroid.show("Connected",
ToastAndroid.SHORT);
} else {
ToastAndroid.show("Failed",
ToastAndroid.SHORT);
}
});
};
render() {
const { ssidExist } = this.state;
return (
<View style={styles.container}>
<View style={styles.instructionsContainer}>
{!ssidExist ? (
<View>
<Text style={styles.instructionsTitle}>
</Text>
<TextInput
style={styles.textInput}
underlineColorAndroid="transparent"
onChangeText={event =>
this.setState({ ssid: event })}
value={this.state.ssid}
placeholder={"ssid"}
/>
<TextInput
style={styles.textInput}
// secureTextEntry={true}
underlineColorAndroid="transparent"
value={this.state.pass}
onChangeText={event =>
this.setState({ pass: event })}
placeholder={"password"}
/>
<PrimaryButton onPress={this.onConnected}
btnText="Connect" />
</View>
) : (
<PrimaryButton
style={styles.mb20}
onPress={this.disconnectOnPress}
btnText="Dis Connect"
/>
)}
<View style={styles.row}>
<Text style={styles.answer}>
{ssidExist == null
? ""
: ssidExist
</Text>
</View>
</View>
</View>
);
};
constructor(props) {
super(props);
this.state = {
ssid: null,
pass: null,
ssidExist: null
};
onConnected = () => {
wifi.connectToHiddenNetwork(ssid, pass,
networkAdded => {
console.log("networkAdded", networkAdded);
if (networkAdded) {
ToastAndroid.show("Connected",
ToastAndroid.SHORT);
} else {
ToastAndroid.show("Failed",
ToastAndroid.SHORT);
}
});
};
render() {
return (
<View style={styles.container}>
<View style={styles.instructionsContainer}>
{!ssidExist ? (
<View>
<Text style={styles.instructionsTitle}>
</Text>
<TextInput
style={styles.textInput}
underlineColorAndroid="transparent"
onChangeText={event =>
this.setState({ ssid: event })}
value={this.state.ssid}
placeholder={"ssid"}
/>
<TextInput
style={styles.textInput}
// secureTextEntry={true}
underlineColorAndroid="transparent"
value={this.state.pass}
onChangeText={event =>
this.setState({ pass: event })}
placeholder={"password"}
/>
<PrimaryButton onPress={this.onConnected}
btnText="Connect" />
</View>
) : (
<PrimaryButton
style={styles.mb20}
onPress={this.disconnectOnPress}
btnText="Dis Connect"
/>
)}
<View style={styles.row}>
<Text style={styles.answer}>
{ssidExist == null
? ""
: ssidExist
</Text>
</View>
</View>
</View>
);